Vue常用的富文本编辑器一(vue-quill-editor)
第三方的富文本编辑器很多,但是像 vue-quill-editor ,Maven-ditor就如同为vue量身打造的一样,在vue框架上,非常的简洁好用?。今天介绍大家关于vue-quill-editor的使用教程?。
?????????
这个是我在公司内部项目中使用效果 第一部?:安装
npm install vue-quill-editor在main.js中进行引入
importVuefrom'vue'在vue页面中代码如下
importVueQuillEditorfrom'vue-quill-editor'
import'quill/dist/quill.core.css'
【Vue常用的富文本编辑器一(vue-quill-editor)】import'quill/dist/quill.snow.css'
import'quill/dist/quill.bubble.css'
文章图片
html中,v-model为绑定的内容,:options为绑定的配置文件
文章图片
这里面还有很多丰富的功能,大家可以尝试
文章图片
单独分开的配置文件 也可以单独写成一个配置文件,配置富文本的样式,还有编写上传图片回显的方法,然后在用到富文本的时候,将配置导入到组件中使用。?文件可以私聊我拿。
····························就是如此的简单,好用,赶紧去试试吧············································
推荐阅读
- 昨夜小楼听风
- 为什么你的路演总会超时()
- 深入理解Go之generate
- vue-cli|vue-cli 3.x vue.config.js 配置
- 2020-04-07vue中Axios的封装和API接口的管理
- 遗憾是生活的常态,但孝顺这件事,我希望每一个人都不留遗憾
- 标签、语法规范、内联框架、超链接、CSS的编写位置、CSS语法、开发工具、块和内联、常用选择器、后代元素选择器、伪类、伪元素。
- 唱歌教学(导致嗓音损坏的几个常见的错误唱歌方法!)
- 迷茫是人生常态
- Hive常见问题汇总