Javascript 在Ractive.js中使用HTML标记呈现内容

Javascript 在Ractive.js中使用HTML标记呈现内容,javascript,html,ractivejs,Javascript,Html,Ractivejs,我试图在Ractive.js呈现的数据中包含HTML标记(以防有人在意,自动为化学符号下标),但Ractive只是插入文本,而不是创建新的DOM元素 一个最小的测试用例,改编自: 你好,{{name}} var ractive=新ractive({ el:‘集装箱’, 模板:“#模板”, 数据:{name:'world'} }); 如中所示,结果是Hello,world,而不是预期的“Hello,world” 我猜这与Ractive处理表达式的方式有关。。但我还没有到源头有多大意义的地步 有

我试图在Ractive.js呈现的数据中包含HTML标记(以防有人在意,自动为化学符号下标),但Ractive只是插入文本,而不是创建新的DOM元素

一个最小的测试用例,改编自:


你好,{{name}}

var ractive=新ractive({ el:‘集装箱’, 模板:“#模板”, 数据:{name:'world'} });
如中所示,结果是
Hello,world
,而不是预期的“Hello,world

我猜这与Ractive处理表达式的方式有关。。但我还没有到源头有多大意义的地步


有没有关于我如何才能达到预期行为的想法?

是的!您可以使用三重stache:

<p>Hello, {{{name}}}!</p>
你好,{{{{{name}}

在传统胡须中,这意味着“不要逃避
name
”的值。翻译成Ractive,意思是“将内容作为HTML而不是文本插入”


请注意HTML在插入之前没有经过消毒,因此如果
名称
来自用户输入,则可能会出现XSS和其他问题:。

诅咒我糟糕的阅读理解能力。这非常有效,谢谢。对于今天尝试的这些浏览器,JSFIDLE并没有像预期的那样呈现。为什么?Microsoft Edge 44.17754.1.0和Google Chrome版本69.0.3497.100
<p>Hello, {{{name}}}!</p>