W3.JS 在 Octobercms 页面或部分显示 HTML 数据 {{variable}}
W3.JS Display HTML Data {{variable}} in Octobercms Page or Partial
请帮助我了解 October CMS 代码 - 页面或部分,如何将它们与 W3.JS 一起使用。
W3.JS 在 Octobercms 中显示 HTML 数据 {{variable}}
{{ }} 此转录使用 OctoberCMS 用于您自己的数据
但是W3.JS显示HTML数据使用相同的转录
https://www.w3schools.com/w3js/w3js_display.asp
<div id="id01">
{{firstName}} {{lastName}}
</div>
<script>
var myObject = {"firstName" : "John", "lastName" : "Doe"};
w3.displayObject("id01", myObject);
</script>
没用
感谢您的帮助
瓦塞克
将 JavaScript 模板部分包装在 verbatim
过滤器中:
https://twig.symfony.com/doc/3.x/templates.html#escaping
非常简单,您只需将其设为字符串,这样 TWIG 就会将其视为字符串,而不是 parse/interpolate。
参考:https://tutorialmeta.com/octobercms/october-cms-use-curly-brackets-twig-markup
<div id="id01">
{{ '{{firstName}} {{lastName}}' }}
</div>
<script>
var myObject = {"firstName" : "John", "lastName" : "Doe"};
w3.displayObject("id01", myObject);
</script>
{{ '{{firstName}} {{lastName}}' }}
-> it will output {{firstName}} {{lastName}}
in final markup
如有疑问请评论
请帮助我了解 October CMS 代码 - 页面或部分,如何将它们与 W3.JS 一起使用。
W3.JS 在 Octobercms 中显示 HTML 数据 {{variable}}
{{ }} 此转录使用 OctoberCMS 用于您自己的数据
但是W3.JS显示HTML数据使用相同的转录
https://www.w3schools.com/w3js/w3js_display.asp
<div id="id01">
{{firstName}} {{lastName}}
</div>
<script>
var myObject = {"firstName" : "John", "lastName" : "Doe"};
w3.displayObject("id01", myObject);
</script>
没用
感谢您的帮助
瓦塞克
将 JavaScript 模板部分包装在 verbatim
过滤器中:
https://twig.symfony.com/doc/3.x/templates.html#escaping
非常简单,您只需将其设为字符串,这样 TWIG 就会将其视为字符串,而不是 parse/interpolate。
参考:https://tutorialmeta.com/octobercms/october-cms-use-curly-brackets-twig-markup
<div id="id01">
{{ '{{firstName}} {{lastName}}' }}
</div>
<script>
var myObject = {"firstName" : "John", "lastName" : "Doe"};
w3.displayObject("id01", myObject);
</script>
{{ '{{firstName}} {{lastName}}' }}
-> it will output{{firstName}} {{lastName}}
in final markup
如有疑问请评论