Tinymce初始化慢

最新推荐文章于 2023-03-29 13:59:25 发布
最新推荐文章于 2023-03-29 13:59:25 发布
阅读量1k 收藏 1
点赞数 2
文章标签： vue.js elementui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_60655791/article/details/125077861
版权
本文档介绍了如何下载并部署TinyMCE的自我托管版本，包括获取编辑器本身和对应的中文语言包。步骤涉及将文件放置到项目根目录，并指定JS包路径以实现快速加载。对于中文环境，特别提到了中文语言包的名称为zh-Han.js，确保正确引用以实现中文支持。
摘要由CSDN通过智能技术生成

随便下一个版本:网址

Self Hosted WYSIWYG HTML Editor | Trusted Rich Text Editor | TinyMCEicon-default.png?t=M4ADhttps://www.tiny.cloud/get-tiny/self-hosted/

下载提示的语言包

我的是中文：网址

Language Packages | Trusted Rich Text Editor | TinyMCEicon-default.png?t=M4ADhttps://www.tiny.cloud/get-tiny/language-packages/

 

 两个文件放的位置（websteam中有可能放不进去，找到项目根目录放进去对应文件）

注意我这里中文包名称是zh-Han.js，更具自己的下载的语言包名称来填写

 指定js包路径

 

tinymceScriptSrc :'/tinymce/js/tinymce/tinymce.min.js',

 速度快的飞起

Java凉凉每一天
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
tinymce.rar
05-24
在你的TinyMCE初始化脚本中，添加以下代码： ```javascript tinymce.init({ selector: 'textarea', // 选择你想要应用TinyMCE的textarea plugins: 'powerpaste', // 在这里添加PowerPaste插件 toolbar: '...
vue-element-admin Tinymce打开后加载过长的问题
m0_67266237的博客
04-27 1230
vue-element-admin tinymce首次加载时间过长
记一次前端优化首屏加载
何以为皇的博客
04-09 2365
前端首屏的优化方案记录，1.打包分析；2.路由懒加载；3.按需引入；4.图片压缩......
React版TinyMCE富文本初始化加载过慢的问题
西装暴徒_12138的博客
10-26 3745
解决React版TinyMCE富文本初始化加载过慢的问题 关于如何构建React版的TinyMCE富文本，可以参照我的上一篇博客： https://blog.csdn.net/m0_37138425/article/details/105812111 这里只是关于如何解决加载速度过慢的问题。 其实就是一句话： 本地部署； 我询问官方给的回复也是如此： 关于本地部署： 先是下载js文件，链接如下： https://www.tiny.cloud/get-tiny/self-hosted/ 我选择的是5.9.
在react 中使用tinyMce富文本编辑器
山外小楼
02-19 4889
1.加载缓慢，白屏问题。 最开始使用tinyMce的时候发现第一次加载巨慢，查了一下资料后发现一句话，tinyMce在首次加载的时候会在全局查找tinyMce这个变量，如果没有找到就会请求云服务器的tinyMce资源，个人认为应该是这个原因导致的，而导致这个问题的原因是因为开始没有导入 import tinyMce from 'tinymce/tinymce'; ，最开始只导入了 import { Editor } from '@tinymce/tinymce-react'; 在知道这个问题后
为什么使用CDN后网速还是很慢？
LuHai3005151872的博客
10-13 999
为什么使用CDN后，网站的速度还是很慢。这是为什么呢？小编在下文罗列了一些关于使用CDN后网速还是很慢的原因，以供大家参考。 1、硬件配置不足 CDN会给现有的Web服务器分担流量，但是如果本身的服务器硬件配置就不够，那么使用CDN后也是有可能会出现网速慢的问题的。可以通过查看主机的资源使用情况来判断是否是因为服务器配置不够而导致的访问延时的问题。例如可以查看一下主机的CPU、内存等的使用情况。 2、CDN网络问题 CDN网络出现问题的几率是比较低的，但是也还是会存在有因为通信电缆故障造成的整个CDN网络
tinymce离线资源
最新发布
10-19
在Vue项目中使用Tinymce离线资源时，除了将CDN引用替换为本地路径外，还需要在Vue组件中正确配置Tinymce，例如初始化编辑器、设置语言、启用插件等。具体配置方式可以根据项目需求和Tinymce官方文档进行调整。 总之...
TinyMCE 可视化HTML编辑器 v4.7.4
11-26
TinyMCE是一个轻量级的基于浏览器的所见即所得编辑器，支持目前流行的各种浏览器，采用ja<x>vasc<x>ript/ECMAsc<x>ript开发，主要特性包括主题/模板支持，多语言支持(包括简体中文)，支持通
vue3中使用tinyMCE
07-01
在这个例子中，我们定义了一个`initConfig`对象，包含了TinyMCE的基本配置，然后在组件挂载时调用`initEditor`初始化编辑器，而在组件卸载时移除编辑器实例，以防止内存泄漏。 如果你选择使用`vue-tinymce-plugin`...
vue-element-admin-tinymce本地化文件
06-04
这涉及到Vue.js组件的注册、引入以及Vue实例的初始化设置。 **前端构建工具** 为了实现项目的构建和打包，可能使用了Webpack或者Vite等前端构建工具。这些工具负责处理模块化、静态资源的合并、压缩和版本控制，...
彻底解决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
TinyMce图片延迟加载
影魔的专栏
03-23 2643
1.先来说说图片延迟加载 如果页面包含很多img标签，建议对图片做延迟加载，能加快网页显示速度 延迟加载也很简单，让所有img的src指向一张固定的图片，比如 http://www.baidu.com/img/bdlogo.gif 然后再设置 scr2 属性，让src2指向真正的图片地址，比如 http://gtms04.alicdn.com/tps/i4/T1s61XFB0fXXa
Tinymce组件cdn失效解决办法
huangjinsheng1988的专栏
05-31 2554
服务引用tinymce4.9.3版本后，加载失败https://cdn.jsdelivr.net/npm/tinymce-all-in-one@4.9.3/tinymce.min.js 解决方案从自己服务本地加载该文件。
tinymce组件的异步加载
robinspada的博客
03-29 753
实际测试发现await虽然可以阻塞mounted钩子，但是不能阻塞mounted后面的钩子导致后面的代码出错，也就是说vue生命周期钩子不支持await，每个钩子并不会等待上一个钩子执行完后才执行，它们是异步的，一旦你阻塞这个钩子，那么下一个钩子就会执行。既然vue生命周期钩子不支持await，就不要试图阻塞mounted，假装t组件已经渲染完成，通过脚本加载完的事件来事后延迟渲染组件，不需要长时间的延迟，只需要延迟几秒钟tinymce.min.js的加载就完成了。异步加载脚本，加载完后发通知事件。
vue中cdn加速与本地资源混合使用,解决cdn失效问题
weixin_46995731的博客
11-20 3068
vue中cdn加速与本地资源混合使用,解决cdn失效问题 这个问题在写一个移动端项目的时候出现过.引入的cdn资源失效,后来直接下载资源放到本地进行引用.后来在网上查阅资料发现,通过document.write()可以两种方法混合使用,特此记录一下. <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.2/vue.min.js"></script> <script src="https://cdnjs.clo
element admin Tinymce组件cdn失效解决办法
qq_29317911的博客
05-17 1952
vue-element-admin TinyMCE组件 CND失效 解决方案
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
tinymce 富文本编辑器在多个路由页面切换时不渲染内容且不能编辑要刷新才能正常显示解决方案
sw_onload的博客
09-08 5913
因为做的后台系统做了切换路由功能，使每个路由都keep-alive，使用tinymce编辑器时总是第一次打开渲染不出内容而且不能编辑，都要刷新下才能正常显示和编辑，百度找了许多方法，试了一遍后找到了对我的项目有效的办法： 首先就是给编辑器加上个key， <tinymce-editor :init="init" v-model="form.container" id="tinymce" :key="tinymceFlag"></tinymce-editor> data() {
layui集成tinymce注意的问题
yang_zzu的博客
09-22 4111
layui 继承 tinymce 的时候，tinymce 的功能选项无法正常的显示 1. 下载选择 下载的时候建议下载 https://fly.layui.com/extend/tinymce/#download 在我去tinymce 下载的，将js 文件加载到项目后，无法正常的进行初始化操作。 2. 模式选择 在使用的时候建议选择，经典模式 我在进行内联模式使用的时候，使用form 表单的时候，出现加载 tinymc 格式异常的情况， 看好，不同的模式，所使用的 块元素..
tinymce 初始化
06-02
TinyMCE 是一个基于 JavaScript 的所见即所得（WYSIWYG）编辑器，可以嵌入到任何网页中，用于富文本编辑。以下是 TinyMCE 的初始化代码： ```javascript tinymce.init({ selector: '#myTextarea', // 需要转换成 TinyMCE 编辑器的 textarea 元素 height: 500, // 编辑器高度 plugins: 'link image code', // 编辑器插件 toolbar: 'undo redo | bold italic | alignleft aligncenter alignright | code', // 编辑器工具栏 menubar: false, // 是否显示菜单栏 statusbar: true // 是否显示状态栏 }); ``` 在 HTML 页面中，需要将 textarea 元素的 id 设置为 `myTextarea`，如下所示： ```html <textarea id="myTextarea"></textarea> ``` 以上代码将 textarea 元素转换成 TinyMCE 编辑器。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值