element admin Tinymce组件cdn失效解决办法

最新推荐文章于 2024-04-29 10:42:46 发布
最新推荐文章于 2024-04-29 10:42:46 发布
阅读量1.8k 收藏 8
点赞数 6
文章标签： vue.js npm javascript elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_29317911/article/details/124819331
版权

问题描述

近两天vue-element-admin 使用Tinymce组件CDN缓存https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js文件不存在了，为了临时解决线上问题，这里吧解决方案发给大家

解决方案：

把CND地址改成本地地址即可
我已经把文件上传到Gitee上大家可下载
其中有几点需要注意
把静态文件防止在public中时只有打包了才能生效所以，dev运行时是无效的
在这里插入图片描述
下方的初始化配置中
language_url和language参数只能生效一个有需要显示中文的小伙伴参考我这里设置
请添加图片描述

TinyMCE4.9.3本地化

希望大家能成功解决

我麦麦
关注
  • 6
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 21
    评论
vue-element-admin-tinymce本地化文件
06-04
vue-element-admin-tinymce源码，下载到本地，适当配置后，直接嵌入，不再使用cdn
elementui2.8版本cdn引用使用
05-07
elementui2.8版本，使用cdn引入时资源源文件。包含js、css及图标文件。可直接使用。
【笔记】vue-element-admin 的富文本编辑器插件 tinymce 更改为本地引入
Marray000的博客
10-17 2845
本地化的包里是没有语言包的，在https://www.tiny.cloud/get-tiny/language-packages/ 下载中文包，放到tinymce/langs底下。vue-element-admin自带的富文本编辑器是tinymce，但并不是通过安装组件的形式安装到项目当中，而是通过异步加载 CDN 的引入方式，理由官方也进行了说明。进入components目录下的tinymce组件，修改入口文件配置，位置在：/src/components/Tinymce/index.vue。
tinymce采用cdn.jsdelivr.net cdn经常挂怎么办？
热门推荐
qq_35430000的博客
05-18 1万+
原tinymce使用的是https://cdn.jsdelivr.net/npm/tinymce[email protected]/tinymce.min.js地址，这个网站在国外会存在挂掉的情况，所以考虑使用国内稳定的cdn节点 国内常用节点有： 七牛 https://www.staticfile.org 360 https://cdn.baomitu.com 字节跳动 https://cdn.bytedance.com 举例:把节点替换为 七牛的 // why use this c
cdn引入前端框架失败，unpkg.com访问失败原因，方案解决
tang13257662538的博客
08-29 1958
出现这种状况，原因就是前面没有加3个w, 也就是没有www.昨天我引入elementUI失败。
Tinymce组件cdn失效解决办法
huangjinsheng1988的专栏
05-31 2449
服务引用tinymce4.9.3版本后，加载失败https://cdn.jsdelivr.net/npm/tinymce[email protected]/tinymce.min.js 解决方案从自己服务本地加载该文件。
tinymce富文本
weixin_44676494的博客
11-16 438
先从官网下载对应版本包之后复制到public下 附官网：https://www.tiny.cloud/get-tiny/self-hosted/
TinyMCE图片和文件上传（阿里云）
qq453660983的博客
06-14 3200
TinyMCE图片和文件上传（阿里云）
vue中使用tinymce，富文本编辑器组件封装。
weixin_46995731的博客
09-18 6733
vue中使用tinymce，富文本编辑器组件封装。 tinymce 官方为 vue 项目提供了一个组件 tinymce-vue npm install @tinymce/tinymce-vue -S 如果有购买 tinymce 的服务，可以参考 tinymce-vue 的说明，通过 api-key 直接使用 tinymce 像我这样一毛不拔的铁公鸡,只能去下载tinymce资源了. 第一步：下载tinymce资源， 使用cdn代理,这里有两种方式: (1)在index.html中引入tinymce.min
React版TinyMCE富文本初始化加载过慢的问题
西装暴徒_12138的博客
10-26 3601
解决React版TinyMCE富文本初始化加载过慢的问题 关于如何构建React版的TinyMCE富文本，可以参照我的上一篇博客： https://blog.csdn.net/m0_37138425/article/details/105812111 这里只是关于如何解决加载速度过慢的问题。 其实就是一句话： 本地部署； 我询问官方给的回复也是如此： 关于本地部署： 先是下载js文件，链接如下： https://www.tiny.cloud/get-tiny/self-hosted/ 我选择的是5.9.
tinymce-vue：TinyMCE Vue官方组件
02-06
TinyMCE Vue官方组件 关于 该软件包是的薄包装，可以更轻松地在Vue应用程序中使用。 如果您需要有关TinyMCE的详细文档，请参阅： 。 有关TinyMCE Vue快速入门，请参阅： 。 有关TinyMCE Vue技术参考，请参阅： 。...
tinymce 富文本组件
05-17
tinymce 富文本组件
vue+elementui+tinymce
03-27
vue2+elementUI引入tinymce组件，富文本组件。tinymce文件夹放在public下，在使用页面引入组件即可。弹窗二次打开无法获取焦点问题，在标签加v-if，让富文本组件在弹窗关闭时销毁（原因由于el-dialog弹窗销毁为key...
Tinymce组件
09-12
这不是静态资源包，是调用富文本的一个vue组件，一个封装好的可直接使用的组件
vue2编写主体页面
5年编程经验的老猿。
04-28 450
这个示例展示了一个基本的主体页面布局，其中包含了侧边栏、导航栏和主要内容区域。Element UI的el-container、el-aside、el-header和el-main组件被用来创建布局的不同部分，而el-menu和el-submenu组件则用来创建侧边栏的导航菜单
三、VUE数据代理
最新发布
D_A_I_H_A_O的博客
04-29 558
Vue中的数据代理：通过vm对象来代理data对象中属性的操作（读/写）
Vue开发者工具Vue.js devtools Vue开发者工具安装步骤前端开发工具免费附带教程
gaoyu007的博客
04-28 334
Vue开发者工具Vue.js devtools Vue开发者工具安装步骤前端开发工具免费附带教程
Vue Canvas图片水印的绘制 图片加水印
生产队的驴
04-28 177
/
Vue.js(过渡)
qq_74472152的博客
04-28 666
过渡其实就是一个淡入淡出的效果。v-enter：定义进入过渡的开始状态。在元素被插入之前生效，在元素被插入之后的下一帧移除。：定义进入过渡生效时的状态。在整个进入过渡的阶段中应用，在元素被插入之前生效，在过渡/动画完成之后移除。这个类可以被用来定义进入过渡的过程时间，延迟和曲线函数。v-enter-to: 定义进入过渡的结束状态。在元素被插入之后下一帧生效 (与此同时v-enter被移除)，在过渡/动画完成之后移除。v-leave: 定义离开过渡的开始状态。在离开过渡被触发时立刻生效，下一帧被移除。
tinymce cdn
11-24
以下是TinyMCE的CDN引入方式： ```html <script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js"> ``` 需要注意的是，这种引入方式需要联网才能使用，如果需要离线使用，可以下载对应版本的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 21
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值