美文网首页程序员
React集成TinyMCE(二)汉化

React集成TinyMCE(二)汉化

作者: 风行浪子 | 来源:发表于2020-03-16 16:48 被阅读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}

          />

    相关文章

      网友评论

        本文标题:React集成TinyMCE(二)汉化

        本文链接:https://www.haomeiwen.com/subject/cnknehtx.html