上一篇《React集成TinyMCE》中已经可以集成TinyMCE,不过都是默认的英文版本。在国内使用明显不合适。下面来汉化一下。官方提供了中文的语言包,下载地址:https://www.tiny.cloud/get-tiny/language-packages/ 选择zh-CN下载即可,压缩包解压缩后会得到一个langs/zh-CN.js的语言文件。拷贝到刚才项目的tinyMCE的语言目录下。
在初始化的时候加入参数:language: 'zh_CN' 即可。代码如下:
<Editor
initialValue="<p>This is the initial content of the editor</p>"
init={{
language: 'zh_CN',
height: 500,
menubar: false,
plugins: [
'advlist autolink lists link image charmap print preview anchor',
'searchreplace visualblocks code fullscreen',
'insertdatetime media table paste code help wordcount'
],
toolbar:
'undo redo | formatselect | bold italic backcolor | \
alignleft aligncenter alignright alignjustify | \
bullist numlist outdent indent | removeformat | help'
}}
onEditorChange={this.handleEditorChange}
/>
网友评论