场景:
页面中某些样式或者js中含有tp定义的模版标签,如果被tp当成模版标签解析,就会解析异常。
tp中提供了<literal></literal>标签用于禁止标签内部的代码被tp解析,保持原样。
所以在js或者style用literal包含进去,就可以防止这部分代码被tp误解析,也可用于任何和内置模板引擎的解析规则冲突的地方。
举例:
<literal> <style type="text/css"> *{margin:0px;padding:0px;} body{background:#000;} /* music */ @-webkit-keyframes reverseRotataZ{ 0%{-webkit-transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(-360deg);} } @-webkit-keyframes rotataZ{ 0%{-webkit-transform: rotateZ(0deg);} 100%{-webkit-transform: rotateZ(360deg);} } </style> </literal>
例子2
<literal> <script type="text/javascript"> //some code </script> </literal>
另外一种方法:
加空格也可以解决
//源代码 0%{-webkit-transform: rotateZ(0deg);} //修改后(加空格) 0%{ -webkit-transform: rotateZ(0deg);}