javascript - 如何在 l20n.js 中使用 html

Question

我对 l20n.js 有点问题，我的字符串中的 HTML 总是被转义:/。

我这样使用 l20n :

<div class="col-twelve" data-l10n-id="intro-text">
    <h5>my <span style="color: whitesmoke">Title</span></h5>
    <h1>Bienvenue <span class="title-separator"></span> Welcome <span class="title-separator"></span> Willkommen</h1>
    <h5>Intro</h5>
</div>

在我的 fr.ftl 中:

intro-text = 
    |   <h5>Mon <span style="color: whitesmoke">Titre</span></h5>
    |    <h1>Bienvenue <span class="title-separator"></span> Welcome <span class="title-separator"></span> Willkommen</h1>
    |   <h5>texte intro</h5>

但是，l20n.js 会像这样呈现文本:

<div class="col-twelve" data-l10n-id="intro-text">
  |   Mon titre
  |   Bienvenue  Welcome  Willkommen
  |   texte intro
</div>

我已经做了一些搜索

• 在 l20n tinker 中:http://l20n.github.io/tinker/我们可以选中/取消选中复选框以转义 html 或不转义，但我没有在 API 中找到此选项:/。

所以，我有点迷路了。

你有什么想法吗？或任何其他 javascript 框架来轻松进行翻译？ (我需要:单独的语言环境文件，没有后端只有 ngninx，易于阅读/编写无 IT 的翻译)

谢谢。

Answer 1

嗯，昨天没上类……今天上类了……

我刚刚将我的 ftl 更改为:

intro-text = 
|   <h5>Mon <span style="color: whitesmoke">Titre</span></h5>
|    <h1>Bienvenue <span class="title-separator"></span> Welcome <span class="title-separator"></span> Willkommen</h1>
|   <h5>texte intro</h5>

到:

intro-text = 
 <h5>Mon <span style="color: whitesmoke">Titre</span></h5>
 <h1>Bienvenue <span class="title-separator"></span> Welcome <span class="title-separator"></span> Willkommen</h1>
 <h5>texte intro</h5>

也许 ftl 在文本前只需要一个空格:/。