在chrome扩展中设置i18n消息的样式

时间:2015-07-25 21:15:52

标签: javascript google-chrome-extension internationalization

我有设置/帮助页面的镀铬扩展程序 设置没有问题,因为它主要是短文本片段启用此功能,启用...
但是,帮助页面存在问题 它是更大的文本块,它们使用<li>标记进行格式化,我在其中使用<b>...color="red"对文本的某些部分进行了样式设置 例如:

<li>some text with <b>bold text</b> and then the rest of it... </li>

要在帮助页面上使用国际化,我是否需要将该行分成三个不同的消息,例如

<li><span data-i18n="key_1"></span><b data-i18n="key_2"></b><span  data-i18n="key_3"></span></li>


{
    "key_1": {
        "message": "some text with"
    },
    "key_2": {
        "message": " bold text"
    },
    "key_3": {
        "message": " and then the rest of it... "
    }
}

还是在这种情况下有一些更聪明的方式?

PS。我正在获取所有数据-i18n并用data-i18n属性值下的相应消息替换标签textContent。

1 个答案:

答案 0 :(得分:0)

  

我正在获取所有数据-i18n并将dataContent替换为data-i18n属性值下的相应消息。

嗯,您可以随时在邮件中存储HTML代码段并替换innerHTML。