tinymce---加载慢或者加载不出来的解决办法

最近在用vue开发项目,使用Tinymce作为富文本编辑器,最开始用的时候,还是不错的。但是用了一年发现一个问题,就是这个编辑器加载的太慢了,有时候网速慢一点,可能就直接加载不出来。

下面是我亲测的解决方法:

首先说原因:加载 tinymce.min.js 加载不出来,以及这个js所需要加载的文件,加载不出来。

具体代码:

const tinymceCDN = 'https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js'

还有的加载的JS是这个:

<script src="//unpkg.com/tinymce@5.1.5/tinymce.min.js"></script>

由于unpkg.com(外网)被拦截,导致 tinymce.min.js 不能加载。

通过查看:cdn.jsdelivr.net网站,此网站为国外网站,而且不稳定,有时候通过Ping也不通,所以就会存在加载慢的问题。

可以看一下加载的东西:

首先是需要加载 tinymce.min.js,然后该JS会加载对应的文件:

原因找到了,解决方法也就很多了。

第一种解决方法:将这些文件下载下来作为本地资源进行加载:目录结构如下

将这些资源下载后,放到我们自己的服务器进行加载即可,如果需要该资源的童鞋,可以找我要。

第二种解决办法:更为快捷的方式,用国内的资源即可:

推荐几个国内的CDN网站,可以在上面找静态资源:

1、七牛:https://www.staticfile.org

2、360:https://cdn.baomitu.com

3、字节跳动:https://cdn.bytedance.com

七牛CDN:只有6.3.1这一个版本,不建议使用。

字节跳动CDN:版本相对也比较丰富。

  360CDN:相对版本较多,可以采用:

我的版本是:4.9.2,采用360的CDN:http://lib.baomitu.com/tinymce/4.9.2/tinymce.min.js

<script src="http://lib.baomitu.com/tinymce/4.9.2/tinymce.min.js"></script>

替换项目里面的tinymce.min.js 地址即可。

控制台加载正常,问题已解决:

打完收工!

posted @ 2023-01-09 15:33  帅到要去报警  阅读(4515)  评论(3编辑  收藏  举报