npm官方文档: https://www.npmjs.com/package/vue-quill-editor
随着Vue2.0的发布，越来越多的应用都升级到Vue2.0版本，我自己也用Vue2.0做了一个简书网站。我们都知道简书网站是可以写文章的，当然我自己做的这个也是支持文章写作的
要想写出好看的文章格式，就要用到好的富文本编辑器，在网上找了一些资料，总是会有各种各样的瑕疵，后面找到了vue-quill-editor，在不依赖其他库的情况下，完美支持Vue2.0，今天我们就一起看一下如何用vue-quill-editor来进行写作
vue-quill-editor界面效果
首先我们来看下vue-quill-editor运行出来的效果
运行效果
从上面的效果图可以看出，它支持标题，段落，引用，上下标，字体大小等常用的文章编辑模式。下图是通过vue-quill-editor写出来的文章，标题段落都呈现优美的布局
写出来的文章
实现过程
安装vue-quill-editor
安装vue-quill-editor并将其添加进依赖
引入vue-quill-editor
在Vue主文件中引入并使用vue-quill-editor
引入并使用VueQuillEditor
在页面中直接添加VueQuillEditor
1.在页面添加quill-editor元素，该元素内部支持v-model属性，我们可以自定义v-model，获取该model的值并传递给后台
2.通过config属性传递配置参数，可以自定义quill-editor的属性
3.支持在quill-editor上绑定事件
在页面中直接使用
总结
今天讲的这个Vue富文本编辑器是一个很实用的工具，如果需要的话可以自行去github上搜索vue-quill-editor，直接安装，然后按照上述的操作就可以使用了
网友评论