程序员

React集成TinyMCE(二)汉化

2020-03-16  本文已影响0人  风行浪子

上一篇《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}

      />

上一篇下一篇

猜你喜欢

热点阅读