厦门外贸网站搭建,jupiter wordpress 汉化,福田网站建设方案,三亚市城乡建设局网站一、介绍 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有#xff1a;UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。
TinyMCE的优势#xff1a;
开源可商用#xff0c;基于LGPL2.1插件丰富#xff0c;自带插件基…一、介绍 TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器。同类程序有UEditor、Kindeditor、Simditor、CKEditor、wangEditor、Suneditor、froala等等。
TinyMCE的优势
开源可商用基于LGPL2.1插件丰富自带插件基本涵盖日常所需功能接口丰富可扩展性强有能力可以无限拓展功能界面好看符合现代审美提供经典、内联、沉浸无干扰三种模式对标准支持优秀自v5开始多语言支持官网可下载几十种语言。
中文官网TinyMCE中文文档中文手册 (ax-z.cn)
官网及文档www.tiny.cloud
官网下载www.tiny.cloud/get-tiny/self-hosted/
Githubgithub.com/tinymce
【推荐】为vue开发者整合的tinymce组件
二、下载
项目是vue2使用的tinymce版本是4.7.5可点击【下载】源文件然后解压到前端工程public文件夹下如下图所示 三、引入
在项目public文件夹中的index.html文件中引入tinymce代码如下
script src./tinymce4.7.5/tinymce.min.js/script四、封装
封装好的组件可点击【下载】源文件引入到前端工程components目录下 五、使用
value就是传入富文本html字符串
templateTinymce v-modelvalue /
/templatescript
import Tinymce from /components/Tinymce/index;export default {components: { Tinymce },data: {return {value: }}
}
/script
