NLS：单个 html 视图中的自定义语言处理程序

Question

我有一些表格可以显示美元金额、货币符号位置。问题是我想根据语言选择（法语或英语）显示不同的货币表示形式。所以，我希望能够替换 html 内容，而无需重写整个内容或拥有不同的文件。例如：

 English
50$ French

在简化的 HTML 版本中，我可以有这样的值

<div>50</div>
<div>150</div>
<div>250</div>

然后，我将最终需要两种不同的英语或法语观点。我知道有很多库或字符串替换技术可以处理这种情况，但我需要在此处从单个 html 视图进行处理。

Answer 1

您可以使用语言选择器来完成此操作。以下是您正在寻找的内容的片段。您可以将 lang 设置为 en、fr 或任何其他前缀来表示语言选择。之后，您可以使用引号属性来确定要附加或前置到 q 标记的字符串。对于法语，您需要添加 $，而对于英语，您需要添加 $.

<!DOCTYPE html>
<html>
<head>
<style>
:lang(fr) .money{
    quotes: "" "$";
}

:lang(en) .money{
    quotes: "$" "";
}
</style>
</head>
<body>

<div lang= "en">

<div><q class="money">50</q></div>
<div><q class="money">150</q></div>
<div><q class="money">250</q></div>

</div>


<div lang= "fr">

<div><q class="money">50</q></div>
<div><q class="money">150</q></div>
<div><q class="money">250</q></div>

</div>

</body>
</html>

NLS：单个 html 视图中的自定义语言处理程序

NLS: custom languages handler in single html view

javascript

html

css

nls-lang