在 Meteor 模板中打印 HTML 代码答案

【问题标题】：Printing HTML code inside Meteor Template在 Meteor 模板中打印 HTML 代码
【发布时间】：2015-01-18 00:36:59
【问题描述】：

如何使用句柄/空格键在 Meteor 模板中打印 HTML 代码？

当我尝试使用包含style="" 代码的简单变量来操作<div> 元素时，会产生错误。例如：

<div {{style}}>
    // Something in here.
</div>

如果 {{style}} 与 Template.helpers 中设置的 'style="something: something;"' 类似，则会失败。

如何在模板中打印 HTML 代码？

【问题讨论】：

【解决方案1】：

你在这里特别想做什么：

<div {{style}}>
  <!-- Something in here. -->
</div>

{{style}} 在 Blaze 中计算为 'style="key: value;"' 是不可能的，但如果 {{style}} 计算为一个对象 {style: "key: value;"}，它将起作用。或者，这也可以：

<div style="{{style}}">
  <!-- Something in here. -->
</div>

{{style}} 评估为字符串 key: value。

三重大括号{{{helper}}} 不能用于插入属性，但它可以用于插入任意HTML 节点而无需转义。如果您使用它，请确保您没有打开 XSS 漏洞。

看到这个meteorpad。

【讨论】：

【解决方案2】：

我不知道是否可以在 HTML 标记中使用变量，但如果想将 HTML 代码从变量传递到客户端，只需使用 {{{variable}}} 而不是 {{variable}}。

【讨论】：