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

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

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

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

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

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",//中文语言引入地址
      }}
    />
  );
};

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

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