W3.JS 在 Octobercms 页面或部分显示 HTML 数据 {{variable}}答案

【问题标题】：W3.JS Display HTML Data {{variable}} in Octobercms Page or PartialW3.JS 在 Octobercms 页面或部分显示 HTML 数据 {{variable}}
【发布时间】：2021-12-30 19:37:47
【问题描述】：

请帮助我处理十月 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 html octobercms w3.js

【解决方案1】：

非常简单，只需将其设为字符串，因此 TWIG 会将其视为字符串并且不会对其进行解析/插值。

参考：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}}' }} -> 它将在最终标记中输出{{firstName}} {{lastName}}

如有疑问请留言

【讨论】：

当然不客气 :)

【解决方案2】：

将 JavaScript 模板部分包装在 verbatim 过滤器中： https://twig.symfony.com/doc/3.x/templates.html#escaping

【讨论】：