h5富⽂本编辑器_简单易⽤、功能强⼤的富⽂本编辑器——
Vue2Editor
介绍
Vue2Editor是⼀个简单易⽤且功能强⼤的Vue版本的富⽂本编辑器，其基于Quill.js和Vuejs构建！
Github
特性
简单易⽤；
asp富文本编辑器
基于Vue.js & Quill.js构建；
为更复杂的场景提供⾃定义的选项
安装使⽤
第⼀种⽅式就是使⽤cdn或者
npm install vue2-editor#或者使⽤yarn add vue2-editor
有两种⽅法可以设置和使⽤Vue2Editor。可以将其全局设置为Vue插件，也可以导⼊VueEditor组件以在本地注册并使⽤它。两种⽅法的例⼦如下
import Vue from "vue";import Vue2Editor from "vue2-editor";Vue.use(Vue2Editor);
// 基本⽤途-涵盖⼤多数情况import { VueEditor } from "vue2-editor";// ⾼级使⽤-HookQuill的API定制功能import { VueEditor, Quill } from "vue2-editor"；基本案例
基本⽤法
⾃定义图像处理程序
如果选择使⽤⾃定义图像处理程序，则在选择照⽚时会发出⼀个事件。可以看到下⾯传递了3个参数。
1. 它传递要处理的⽂件
2. 编辑器实例
3. 上传时的光标位置，以便成功时可以将图像插⼊到正确的位置
页⾯加载后设置内容
Set Editor Content
使⽤多个编辑器
⾃定义⼯具栏
保存内容
使⽤实时预览
{{ content }}
总结
Vue2Editor是⼀个简单易⽤的富⽂本编辑器，如果没有复杂的需求，你可以毫⽆保留的使⽤它，如果你需要复杂的功能，也可以使⽤其⾃定义能⼒进⾏⾃定义扩展！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。