vue-element-admin Tinymce打开后加载过长的问题

智慧蛙

已于 2023-11-02 20:06:05 修改

阅读量1.2k

点赞数

文章标签： vue.js javascript 前端

于 2023-04-27 17:46:31 首次发布

原因之一:cdn是使用国外的,下面是更换为国内的教程

先将index.vue中的tinymceCDN更换为国内的cdn

// 更换为七牛cdn  国外的太慢了
const tinymceCDN = 'https://cdn.staticfile.org/tinymce/4.9.3/tinymce.min.js'

但是这样的话会有中文包找不到的情况

这时候需要在本地下载一个中文包(下载的时候注意版本号)

https://www.tiny.cloud/get-tiny/language-packages/

最后修改initTinymce函数中的language和langiage_url即可

转载地址:

(47条消息) tinymce采用cdn.jsdelivr.net cdn经常挂怎么办？_tinymce cdn_飞歌Fly的博客-CSDN博客

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

智慧蛙

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
vue-element-admin Tinymce打开后加载过长的问题

vue-element-admin tinymce首次加载时间过长
复制链接

扫一扫

【vue富文本插件】tinymce 安装使用及汉化注意项

前端知识分享喵

10-10

2299

【vue富文本插件】tinymce 安装使用及汉化注意项

vue-element-admin-tinymce本地化文件

06-04

下载并解压"vue-element-admin-tinymce-local-master"后，我们可以看到源代码结构。主要的配置和集成工作可能在项目的配置文件、组件文件以及main.js等入口文件中进行。开发者可能已经修改了TinyMCE的配置，使其能够...

1 条评论您还未登录，请先登录后发表或查看评论

【Vue】vue项目中使用tinymce富文本组件（@tinymce/tinymce-vue）

最新发布

m0_61049675的博客

01-31

3870

除了以上的基本功能，TinyMCE编辑器还支持插件扩展，tinymce 通过添加插件plugins的方式来添加功能，在添加之前我们需要先来引入相应的插件，引入插件之后我们就可以在init中重新初始化下对应的toolbar（工具栏图标）和plugins（对应的插件组件）属性。powerpaste文件夹提取链接：https://pan.baidu.com/s/1Y7ziHe0Rgm2n5r1XcVEmNg。

富文本tinymceCDN

10-08

富文本tinymceCDN

Tinymce初始化慢

weixin_60655791的博客

06-01

1006

Tinymce初始化慢

Tinymce组件cdn失效解决办法

huangjinsheng1988的专栏

05-31

2535

服务引用tinymce4.9.3版本后，加载失败https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js 解决方案从自己服务本地加载该文件。

Vue 引入富文本编辑器 Tinymce

weixin_71828560的博客

10-25

1286

2、在node_modules中找到tinymce资源包，将skin-ui文件夹中随意一个tinymce主题复制到本地文件夹中。plugins：node_modules中tinymce资源包下plugins插件文件夹复制出所需要使用到的插件JS文件。5、由于TInymce是插件形式使用，所以还要在components中注册插件。langs：存放tinymce汉化包(末尾贴出汉化包配置)6、然后在页面需要使用到的地方使用TInymce组件。3、在需要使用到的文件中引入tinymce文件。

vue-element-admin-4.4.0.tar.gz

03-01

Vue.js Element Admin 4.4.0 是一个基于 Vue.js 和 Element UI 的后台管理模板，广泛应用于构建高效、简洁、易用的企业级Web应用。Vue.js 是一款轻量级的前端JavaScript框架，以其灵活的组件化开发模式和简洁的API...

vue-element-admin：神奇的vue管理员https：panjiachen.github.iovue-element-admin

02-06

tinymce-vue：TinyMCE Vue官方组件

02-06

TinyMCE Vue官方组件关于该软件包是的薄包装，可以更轻松地在Vue应用程序中使用。如果您需要有关...您是否发现了tinymce-vue或有功能要求？打开一个，让我们知道或提交。注意：有关TinyMCE的问题，请访问。

彻底解决tiny_mce_wiris公式插件加载慢的问题

05-25

tiny_mce_wiris原因分析： 1. tiny_mec是富文本编辑器，但原生不支持公式插件 2. wiris是公式插件能支持各种富文本编辑器，但他是半开源的，要使用他的插件，必须依赖于wiris云端服务器，意思是如果项目没有网络则无法使用。 3. 依赖于wiris云端服务器是加载公式插件的根本原因，css,js,post请求都依赖于wiris云端，如果网络很慢就会解析很慢解决方案：本地部署wiris插件服务器，js,css,post请求等，使其不依赖wiris云端步骤： 1. 复制tiny_mce_wiris插件到tinymce\plugins下 apache-tomcat-9.0.45-windows-x64\apache-tomcat-9.0.45\webapps\tinymce_5.6.2\tinymce\js\tinymce\plugins\tiny_mce_wiris 2. 部署apache-tomcat-9.0.45服务器 3. 全局替换 tiny_mce_wiris\plugin.min.js 里面的服务器地址为自己服务器的地址：默认是http://127.0.0.1:8080 4. 部署tomcat服务器后，测试地址(基于tiny5.6.2版本)： http://127.0.0.1:8080/tinymce_5.6.2/demo.html

tiny_mce 很好用的一个在线编辑器

03-16

NULL 博文链接：https://lgl669.iteye.com/blog/409834

tinymce-Vue3

04-19

tinymce-Vue3基于Vue3/element 重构后台思路Build Setup# 克隆项目git clone https://github.com/PanJiaChen/vue-admin-template.git# 进入项目目录cd vue-admin-template# 安装依赖npm install# 建议不要直接使用 ...

tinymce采用cdn.jsdelivr.net cdn经常挂怎么办？

热门推荐

qq_35430000的博客

05-18

1万+

原tinymce使用的是https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js地址，这个网站在国外会存在挂掉的情况，所以考虑使用国内稳定的cdn节点国内常用节点有：七牛 https://www.staticfile.org 360 https://cdn.baomitu.com 字节跳动 https://cdn.bytedance.com 举例:把节点替换为七牛的 // why use this c

记一次前端优化首屏加载

何以为皇的博客

04-09

2336

前端首屏的优化方案记录，1.打包分析；2.路由懒加载；3.按需引入；4.图片压缩......

【笔记】vue-element-admin 的富文本编辑器插件 tinymce 更改为本地引入

Marray000的博客

10-17

2982

本地化的包里是没有语言包的，在https://www.tiny.cloud/get-tiny/language-packages/ 下载中文包，放到tinymce/langs底下。vue-element-admin自带的富文本编辑器是tinymce，但并不是通过安装组件的形式安装到项目当中，而是通过异步加载 CDN 的引入方式，理由官方也进行了说明。进入components目录下的tinymce组件，修改入口文件配置，位置在：/src/components/Tinymce/index.vue。

React版TinyMCE富文本初始化加载过慢的问题

西装暴徒_12138的博客

10-26

3728

解决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中的使用

blinH的博客

12-08

1399

在vue中使用TinyMCE编辑器

Tinymce的使用，下载包到本地方式

qq_43467284的博客

01-04

1784

本地使用tinymce富文本编辑器，完整的使用方式，包括汉化、自定义图标、上传图片视频、打包后找不到文件的相关配置等

vue-element-admin局域网打开很慢

09-07

vue-element-admin是一个基于Vue和Element UI的后台管理系统模板，它在局域网环境下打开慢可能有以下几个原因： 1. 网络条件：局域网的网络环境可能会受到其他设备的占用、带宽限制等因素的影响，导致网络速度较慢。可以通过检查其他设备的网络使用情况，或者与网络管理员联系来解决这个问题。 2. 服务器响应速度：如果vue-element-admin的后端服务器响应速度较慢，那么在局域网中打开页面时就会感觉慢。可以通过检查服务器的负载情况、优化后端代码等方式来提高服务器的响应速度。 3. 前端资源加载慢：vue-element-admin作为一个前端项目，如果在局域网中打开较慢，可能是因为静态资源的加载速度慢。可以通过使用CDN或者通过webpack进行代码优化来加快页面的加载速度。 4. 路由懒加载：vue-element-admin使用了Vue的路由懒加载机制，可以根据需要异步加载页面组件。但是，如果路由过多，在局域网中第一次加载页面时可能会感觉较慢。可以考虑使用按需加载，避免同时加载过多的页面。综上所述，如果在局域网中打开vue-element-admin较慢，需要综合考虑网络、服务器响应速度、前端资源加载、路由懒加载等因素，通过优化相应的环节来提高打开速度。