javascript - 在 Chrome 扩展中设置 i18n 消息样式

Question

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

Answer 1

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

嗯，您始终可以在消息中存储 HTML 片段并替换innerHTML。