在 JSON 中传递 HTML 作为 Assemble 中的数据

Question

我正在从事一个需要多语言支持的项目。我决定使用 Assemble（更具体地说是 grunt-assemble），因为它已经是项目工具箱的一部分，所以我当前的设置使用 JSON 个文件作为 data/text 输入车把模板。

该网站是响应式的，需要使用换行符 <br /> 或不间断空格   对文本进行一定程度的控制，以避免出现孤词。有些句子需要提到的标签或 html 实体包含在字符串中，否则我将被迫逐字拆分句子并将硬编码的 html 与 json 数据引用结合起来。想象一下这样的事情：

<p>{{word_1}}<br />{{word_2}}</p>

这种方法也不太适合翻译，因为不同的语言可能根本不需要换行符。

为了避免这种情况，我尝试通过 JSON 传递 html，如下所示：

{ "sentence" : "word<br />word" }

然而，

Assemble 输出是文字，所以我得到它的字符串版本和页面文字显示 word<br />word 而不是功能标记。  

相同

通过 Assemble 将 html 标签或实体从 JSON 传递到车把模板的正确表示法是什么（如果有）？

Answer 1

Handlebars 默认转义 HTML，但您可以使用三重隐藏格式 {{{ }}} 避免转义。查看以下 .hbs 页面：

---
title: Test
htmlData: This is some <br/> html in data
---
<p>double-stash: {{htmlData}}</p>
<p>triple-stash: {{{htmlData}}}</p>

结果：

double-stash: This is some <br/> html in data

triple-stash: This is some
html in data

Passing HTML in JSON as data in Assemble