当前位置: 代码迷 >> JavaScript >> 在Chrome扩展程序中设置i18n邮件的样式
  详细解决方案

在Chrome扩展程序中设置i18n邮件的样式

热度:76   发布时间:2023-06-05 09:28:54.0

我的Chrome扩展程序带有设置/帮助页面。
设置没有问题,因为主要是短文本片段启用了此功能,请启用...
但是,帮助页面有问题。
它是更大的文本块,它们使用<li>标记格式化,在其中我用<b>或...color="red"设置了文本的某些部分的样式...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。 我正在获取所有data-i18n并使用data-i18n属性值下的相应消息替换标签textContent。

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

好吧,您总是可以将HTML代码段存储在消息中,并代替innerHTML。

  相关解决方案