最近在用vue开发项目,使用Tinymce作为富文本编辑器,最开始用的时候,还是不错的。但是用了一年发现一个问题,就是这个编辑器加载的太慢了,有时候网速慢一点,可能就直接加载不出来。
下面是我亲测的解决方法:
首先说原因:加载 tinymce.min.js 加载不出来,以及这个js所需要加载的文件,加载不出来。
具体代码:
const tinymceCDN = 'https://cdn.jsdelivr.net/npm/[email protected]/tinymce.min.js'
还有的加载的JS是这个:
<script src="//unpkg.com/[email protected]/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 地址即可。
控制台加载正常,问题已解决:
打完收工!
标签:min,cdn,tinymce,js,---,com,加载 From: https://www.cnblogs.com/e0yu/p/17037117.html