tinymce-react加载资源实现本地化的方法

原创 野人  2021-12-22 23:51  阅读 6 次

这几天,已经开始准备做个新的插件了,可真是太能拖了,反正就是其中里面有个小模块,需要用到富文本编辑器,花了点时间,考察了市面上的几个富文本编辑器。

最终敲定使用tinymce-react这款富文本的编辑器,但是在使用的过程中,发现如果没有特别的去设置资源的加载地址,那么tinymce-react加载的地址是来自与它的官方。

那如果资源是从别人的地方进行加载的话,如果哪天出了问题,自己不是无能为力了,所以一定要搞定这个tinymce-react的资源本地化的功能,所以这就是这篇文章的意义。

下面就是在tinymce-reactReact中,完整实现资源本地化的代码了。

import { Editor } from "@tinymce/tinymce-react";

const Test = () => {
  return (
    <Editor
      tinymceScriptSrc="/tinymce/tinymce.min.js" //tinymce主要文件js入口
      inline={false}
      init={{
        base_url: "/tinymce/",//告知tinymce,所有插件、主题走我这个入口
        language: "zh_CN",//设置中文语言
        language_url: "./tinymce/langs/zh_CN.js",//中文语言引入地址
      }}
    />
  );
};

其实,上面的那些属性在官方的文档中都是有的,但是分散的比较开,要一下子搞懂每个属性的作用,说实话还是要花时间,所以我也希望有现成能用的自己套就可以了。

但是没有找到,只能自己按着文档,一个个试下来,然后成功了,赶紧记录下来,可能这就是做这行的必经之路,不对,应该行行都是如此把,踩坑,坑踩多了,自然路就好走多。

本文地址:http://www.yerenwz.com/5421.html
版权声明:本文为原创文章,版权归 野人 所有,欢迎分享本文,转载请保留出处!
NEXT:已经是最新一篇了

发表评论