如何在i18next翻译字符串中的替换标签之间保留空格字符

Question

我正在使用react-i18next的v10和最新的Trans组件来使翻译字符串的句子的一部分加粗。

在HTML中，我可以插入 来确保<strong>块和句子的其余部分之间有一个空格，但会在翻译字符串中将其剥离。

JSX文件：

<Trans i18nKey="free_trial_enabled">
  <strong>30 Day Free Trial enabled</strong>&nbsp;for all users
</Trans>

JSON转换键/值文件：

"free_trial_enabled": "<0>30 Day Free Trial enabled</0> for all users",

输出HTML： <strong>30 Day Free Trial enabled</strong> for all users

看起来像： “ 为所有用户启用30天免费试用”

如何在翻译字符串中保留 ，以便在strong块之后的空间在那里？

Answer 1

感谢@felixmosh！ white-space: pre-wrap;解决了该问题。