如何使用 i18next 翻译部分 HTML 文本
How to translate partial HTML text with i18next?
在这里完成i18next 菜鸟,所以请耐心等待!
我的HTML是:
<ul class="nav nav-sidebar">
<li><a href="#">Sección 1.1</a></li>
<li><a href="#">Sección 1.2</a></li>
<li><a href="#">Sección 1.3</a></li>
</ul>
<input type="text" id="Doc" name="Doc" data-i18n="[placeholder]mykey" placeholder="Document" />
我用这个javascript代码加载我的翻译:
i18n.init(
{
lng: $.cookie("i18next"),
fallbackLng: "es",
debug: true,
resGetPath: "dist/js/i18n/___lng__.js",
},
function (t) {
$(document).i18n();
}
);
如何在每个li
上声明我的data-i18n
标签,这样我只需要为内部HTML的"Sección"部分提供一个键,并在之后保留1.1,1.2,1.3?
您需要
将data-i18n
标签添加到您的 html 中
<a href="#" data-i18n="menu.home">Home</a>
我为你举了一个例子:
链接到我的JSBINb
以下是您可以考虑的其他示例用法:http://i18next.com/pages/sample.html
或者,如果您正在寻找嵌套用法,则可以使用$t()
例如:
'en-US': {
translation: {
'menu': {
'taipei': 'Taipei, $t(menu.country)',
'tainan': 'Tainan, $t(menu.country)',
'kenting': 'Kenting, $t(menu.country)',
'country': 'Taiwan'
}
}
}
我已经更新了 jsbin。希望这就是你要找的
相关文章:
- 用JavaScript替换Android WebView模板上的html文本
- 仅IE8 html文本框中的字符
- HTML文本框中的javascript数字
- HTML文本输入大小
- 如何放置ÅÄ和#214;在javascript数组中,然后将其与html文本进行比较
- 如何以非编程方式国际化HTML文本
- 在 PHP 块中使用 Javascript 设置 HTML 文本框的值(使用 echo)
- jQuery在用新文本替换HTML文本时淡出HTML文本,而不是仅显示
- HTML文本框,它接受电话号码,并以美国电话号码格式显示
- Javascript按钮,在html文本区域中插入一个大黑点(•)
- 更换163;使用javascript从html文本区域中提取字符
- 单击或点击切换HTML文本
- 单击即可编辑HTML文本
- 分析Adobe InDesign的HTML文本——其他标记中的标记
- 如何将mysql查询的结果获取到html文本框中
- 当使用javascript/jquery添加值时,html文本输入表显示不正确
- 如何将 HTML 文本同步并突出显示到音频
- 如何使用 JQuery 从相对元素获取 html 文本
- 根据用户选择的输入编写 html 文本
- MVC 4:使用 JQUERY 和 PartViewResult 动态创建 HTML 文本框.如果代码是动态添加的,如何