如何使用i18next设置RTL翻译方向?

时间:2020-06-22 08:03:22

标签: reactjs i18next bidirectional

我的文本中包含“混合方向”部分,这意味着句子的一部分应为RTL,而其他部分应为LTR。

例如:

{
  "CC_LAST_DIGITS": "מס׳ כרטיס: **** **** **** 1234"
}

在此示例中,主布局位于 RTL 中,浏览器在4位数字后之后呈现星号。它们应该显示在4位数字的前面。

如何在I18next中强制LTR?

1 个答案:

答案 0 :(得分:0)

我发现有direction marks可以用来在unicode用法中切换文本方向。

从左到右标记:或(U + 200E)

从右到左标记:或(U + 200F)

要修正我的翻译文本,您需要在星号前添加正确方向的unicode:

{
  "CC_LAST_DIGITS": "מס׳ כרטיס:\u200E **** **** **** 1234"
}