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

Question

我正在使用 v10react-i18next和最新Trans组件来获得翻译字符串，其中部分句子以粗体显示。

在 HTML 中，我可以插入 a以确保该块和句子的其余部分 之间有一个空格，但它会在翻译字符串中被删除。<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;解决了这个问题。