首页 > 其他分享 >tinymce---加载慢或者加载不出来的解决办法

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

时间:2023-01-09 15:48:23浏览次数:40  
标签:min cdn tinymce js --- com 加载

最近在用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

相关文章

  • Day-3
    eclipse安装小知识1、EclipseIDEforJavaEEDevelopers该版本集成了Javaee开发常用插件,方便动态web网站开发。适合Javaweb开发者使用。集成了XML编辑器、数据库查看......
  • vue antd select组件中非自带清空API清空 选框 v-model:value="" 控制
    <template><div>First:<a-selectv-model:value="first"style="width:100%"@change="handleFirstChange"><a-select-optionv-for="iin10":key="(i......
  • CMU 15-445 | Lecture 04 Database Storage II 学习
    行存储用OLTP(On-lineTransactionProcessing),列存储用OLAP(On-lineAnalyticalProcessing)。大多数数据库是行存储。行存储的读写较方便,因此工业上可以采取混合形式......
  • 【运营团队-第3小组】 Best grade
    机智又勇敢的第三小组登场啦!(掌声在哪里)下面由我为大家介绍:我们的小组成员啦!林鹤连先生曾说:“要我说女孩子呀,各有各的漂亮法。有的眉目清泠,像是一整季的雪水都融在了她的眼睛......
  • 项目中统计SQL执行缓慢的方案-数据预处理
    使用场景:由于表数据量巨大,导致一些统计相关的sql执行非常慢,使用户有非常不好的体验,并且sql和数据库已经没有优化空间了。(并且该统计信息数据实时性要求不高的前提下)解......
  • python多线程应用-批量下载视频课程(宠医堂)
    importosimportreimportshutilimporttimefromcollections.abcimportIterableimportconcurrent.futuresfromCrypto.CipherimportAESimportrequestsfrom......
  • 华硕X99-e ws Xeon 2673v3 电脑 Hackintosh 黑苹果efi引导文件
    硬件型号驱动情况主板华硕X99-ews处理器Xeon2673v3已驱动内存8GB/16GBLPDDR3已驱动硬盘西数WDBlueSN570500GBSSD(500GB/固态硬盘)已驱动显卡5700XT  8gb已......
  • Unity优化 - 总览
    基于Unity移动端游戏性能优化简谱-UWA整理而得,不定期更新。细节部分可移步UWA相关博文查阅优化总览Q&A图片放大看不清?A.图片右键->新标签页打开图片->放大B.右键......
  • MySQL22 - SQL性能分析
    SQL性能分析SQL执行频率通过SHOW[SESSION|GLOBAL]STATUS命令可以提供服务器状态信息,通过以下指令可以查看当前数据库的INSERT、UPDATE、DELETE、SELECT的访问频......
  • JS加载层
    昨天有个项目要用到加载层,寻思了一下,框架的加载层也就那样,频繁自己写也不是事。所以花了些时间封装了一个JS类,内置9种图标样式,全局主要样式可自定义。转载请附上本文链接......