使用 DevExtreme 和全球化本地化 HTML 文本
Localising HTML text using DevExtreme & Globalization
我目前正在将全球化添加到使用 devextreme 来呈现页面的现有网络应用程序,如下所示:
<body>
<div id="viewport" class="dx-viewport">
<div class="startPage dx-content-background" data-options="dxContent : { targetPlaceholder: 'content' } ">
<div class="content">
<h1>Registration</h1>
<div class="regForm" id="registrationForm" />
<div class="regButton" id="registrationButton" />
<div class="loadIndicator" id="loadIndicator" />
<div class="registrationSucceeded" id="registrationSucceeded" />
<div class="returnToMainPageButton" id="returnToMainPageButton"/>
</div>
</div>
</div>
条目按预期翻译,但我不知道如何翻译标题,因为 DevExtreme 不提供直接的 'Text' 小部件。例如,如果我将它设置为使用 TextArea,那么它确实可以工作,但显然看起来不像 header.
那么,如何翻译 header 文本(或 HTML 页面中的任何其他文本)?
也许官方 DevExtreme localization topic 对您有用。
So, how can I translate the header text (or any other that is held in the HTML page)?
您可以使用 text binding 根据当前语言环境提供内容。
我目前正在将全球化添加到使用 devextreme 来呈现页面的现有网络应用程序,如下所示:
<body>
<div id="viewport" class="dx-viewport">
<div class="startPage dx-content-background" data-options="dxContent : { targetPlaceholder: 'content' } ">
<div class="content">
<h1>Registration</h1>
<div class="regForm" id="registrationForm" />
<div class="regButton" id="registrationButton" />
<div class="loadIndicator" id="loadIndicator" />
<div class="registrationSucceeded" id="registrationSucceeded" />
<div class="returnToMainPageButton" id="returnToMainPageButton"/>
</div>
</div>
</div>
条目按预期翻译,但我不知道如何翻译标题,因为 DevExtreme 不提供直接的 'Text' 小部件。例如,如果我将它设置为使用 TextArea,那么它确实可以工作,但显然看起来不像 header.
那么,如何翻译 header 文本(或 HTML 页面中的任何其他文本)?
也许官方 DevExtreme localization topic 对您有用。
So, how can I translate the header text (or any other that is held in the HTML page)?
您可以使用 text binding 根据当前语言环境提供内容。