React集成TinyMCE(二)汉化

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

      />


相关代码:

前端完整项目

后台服务代码

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容