富文本插件（富文本插件tinymce-vue）



tinymce 官方为 vue 项目提供了一个组件 tinymce-vue

一、安装tinymce-vue

二、下载tinymce

该文的使用方式在最新vue存在tinymce版本过高的情况，可安装指定版本"@tinymce/tinymce-vue": "^3.2.8"   "tinymce": "~5.1.0"

下载的时候可以先在static（public）下面建个目录tinymce，下载tinymce完成后在node_modules 中找到 tinymce/skins目录，将其复制到static inymce目录下面

三、下载中文语言包

Language Packages | Trusted Rich Text Editor | TinyMCE

下载完成后将其解压到public inymce目录下面，最终目录结构形式如下 

四、创建组件tinymce.vue

 五、引入组件

效果图如下

移动端处理富文本参数（图片、长串字母）

版权声明：

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如若内容造成侵权、违法违规、事实不符，请将相关资料发送至xkadmin@xkablog.com进行投诉反馈，一经查实，立即处理！

转载请注明出处，原文链接：https://www.xkablog.com/qdvuejs/48414.html