chrome 扩展中的 i18n 消息样式

Question

我有 chrome 个带有 settings/help 页的扩展。
设置没有问题，因为它主要是短文本片段启用这个，启用那个...
但是，帮助页面有问题。
它是更大的文本块，它们使用 <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。我正在获取所有 data-i18n 并将标签 textContent 替换为 data-i18n 属性值下的相应消息。

Answer 1

I'm fetching all data-i18n and replacing tags textContent with according message under data-i18n attribute value.

好吧，您始终可以在消息中存储 HTML 片段并替换内部 HTML。

chrome 扩展中的 i18n 消息样式

styling i18n messages in chrome extension

javascript

internationalization

google-chrome-extension