2

我正在使用 v10 ofreact-i18next和最新的Trans组件来生成一个翻译字符串，其中部分句子加粗。

在 HTML 中，我可以插入 a&nbsp;以确保块和句子的其余部分之间有一个空格，<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 天免费试用”

如何保留&nbsp;翻译字符串中的 ，以便strong块后的空间存在？

4

1 回答 1

3

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

于 2019-04-11T18:13:50.947 回答