javascript - 使用 polyglot.js 翻译带有标记的文本

Question

使用 polyglot.js , 我想知道如何翻译文本中的标记/组件？考虑以下文本示例:

with the <strong>free</strong> features you can <Link to="/pricing">achieve</Link> the following things

我可以将该句子分解为多个键，但在翻译时这没有意义。什么是好的方法？

Answer 1

同意将其拆分是一个坏主意...使翻译变得比需要的更痛苦。

查看您使用 react 和 node.js 的标签 -> 对于 react，您可以从 polyglot 获取翻译后的内容并使用 dangerouslysetinnerhtml https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtml

这才是可行的 - 但老实说，我会看看 i18next(剧透，我是该框架的维护者)。使用 react-i18next，您可以更好地完成这些标记翻译:https://github.com/i18next/react-i18next/

使用反式组件:

<Trans i18nKey="userMessagesUnread" count={count}>
  Hello <strong title={t('nameTitle')}>{{name}}</strong>, you have {{count}} unread message. <Link to="/msgs">Go to messages</Link>.
</Trans>