这篇文章主要为大家详细介绍了vue富文本编辑器组件vue-quill-edit的使用教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
之前使用的富文本编辑器是uEditor,kindEditor，感觉不太方便。
近期项目vue单页面，就使用vue-quill-edit这个编辑器组件吧！
一、安装 cnpm install vue-quill-editor
二、引入
在main.js引入并注册：
import Vu<a style="color:transparent">来@源gao*daima.com搞@代#码网</a>eQuillEditor from 'vue-quill-editor' // require styles 引入样式 import 'quill/dist/quill.core.css' import 'quill/dist/quill.snow.css' import 'quill/dist/quill.bubble.css' Vue.use(VueQuillEditor)
三、封装组件
<div class="quill_box"> </div> .quill_box{ .ql-toolbar.ql-snow{border-color:#dcdfe6;} .ql-container{height:200px !important;border-color:#dcdfe6;} .ql-snow .ql-picker-label::before { position: relative; top: -10px; } .ql-snow .ql-color-picker .ql-picker-label svg, .ql-snow .ql-icon-picker .ql-picker-label svg{position: relative;top:-6px;} }
四、引入使用
components:{ myEditor:myEditorComponent },
以上就是vue富文本编辑器组件vue-quill-edit使用教程的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue富文本编辑器组件vue-quill-edit使用教程
转载请注明原文链接：vue富文本编辑器组件vue-quill-edit使用教程
