vue-template-admin中tinymce-all-in-one换成本地源

vue-template-admin中tinymce-all-in-one换成本地源,第1张

简单办法:https://unpkg.com/tinymce-all-in-one@4.9.3/tinymce.min.js
脚手架版本:vue-cli 3.x
鉴于这几天 CDN挂了~放开关注权限2022-05-18
vue版本:2.x 
npm安装参考如下连接
tinymce富文本编辑器(vue)_天高任鸟飞-CSDN博客_tinymce-vueTinyMC编辑器简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。跟其他富文本编辑器相比,有着丰富的插件,支持多种语言,能够满足日常的业务需求并且免费。TinyMCE的优势:开源可商用,基于LGPL2.1插件丰富,自带插件基本涵盖日常所需功能接口丰富,可扩展性强,有能力可以无限拓展功能界面好看,符合现代审美提供经典、内联、沉浸无干扰三种模式(详见“介绍与入门”)对标准支持优秀(自v5开始)多语言支持,官网可下载几十种语言。下图为开启全部功能的截图Tinyhttps://blog.csdn.net/yzding1225/article/details/119561821安装完毕,请把node_modules 文件中tinymce下 plugins,skins复制到public目录下的static/tinymce。
你也可以在public下自定义目录,代码要同步更改你自定义的目录
如下代码可以在vue-template-element 下找到

​
import editorImage from "./components/EditorImage"
import plugins from "./plugins"
import toolbar from "./toolbar"

​

完整代码如下: