簡體   English   中英

將JSON中的HTML作為數據傳遞到Assemble中

[英]Passing HTML in JSON as data in Assemble

我正在開發一個需要多語言支持的項目。 我決定使用Assemble(更具體地說是grunt-assemble),因為它已經是項目工具箱的一部分,所以我當前的設置使用JSON文件作為車把模板的數據/文本輸入。

該網站響應並沒有采用破線比文字控制的一定水平的要求<br />或不間斷空格&nbsp; 避免孤兒話。 有些句子要求提及標簽或html實體包含在字符串中,否則我將被迫逐字拆分並將硬編碼的html與json數據引用相結合。 想象一下這樣的事情:

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

這種方法也不是很友好,因為不同的語言可能根本不需要換行。

為了避免這種情況,我試圖通過JSON傳遞html,如下所示:

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

然而,匯編輸出是文字的,所以相反或功能標簽我得到它的字符串版本和頁面字面上顯示word<br />word 同樣適用於&nbsp;

什么是(如果有的話)通過Assemble將html標簽或實體從JSON傳遞到車把模板的正確表示法?

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM