本地化

TinyMCE 通过其简单的本地化框架使您的项目面向世界。

本节演示如何将 TinyMCE 的用户界面更改为用户的语言偏好。这些设置会更改工具栏、菜单项、按钮和提示框中的语言。

语言设置可以通过以下配置选项进行控制：directionality、language和language_url。还有一个Directionality plugin，它添加了一个工具栏按钮来控制ltr-rtl行为。

步骤 1

前往语言下载页面查看适用于 TinyMCE 的可用语言包列表。

点击表格最右侧的单语言下载链接。选中每个语言旁边的复选框，然后点击表格底部的下载按钮以获取多种语言。

TinyMCE 社区翻译项目在语言下载页面上提供语言包。

步骤 2

将语言js文件解压缩到path/to/tinymce/langs/文件夹中。

除非将语言包放置在langs/目录中，否则语言设置将无法工作。language_url配置选项是启用其他语言设置的另一种方法。

步骤 3

在 TinyMCE 的配置中将语言选项设置为此页面列表中 RFC5646 语言代码。

步骤 4

加载 TinyMCE 以确认语言设置正确。

运行示例

以下代码片段将 TinyMCE 的语言设置为中文，并将文本方向从右向左。

下载中文语言包以测试此功能。从下载页面安装 TinyMCE 的本地实例。遵循自托管安装说明。

<!DOCTYPE html>
<html>
<head>
  <script src="js/tinymce.min.js"></script>
  <script type="text/javascript">
  tinymce.init({
    selector: 'textarea',
    language: 'zh-CN',
    directionality: 'rtl'
  });
  </script>
</head>

<body>
  <form method="post">
    <textarea>你好，世界!</textarea>
  </form>
</body>
</html>