Vue轻量级富文本编辑器-Vue-Quill-Editor

首先,要在vue ui 依赖中添加

Vue轻量级富文本编辑器-Vue-Quill-Editor

 

 再点开 ‘查看详情’去看使用方法

Vue轻量级富文本编辑器-Vue-Quill-Editor

 

 

跳转到git网站

https://github.com/surmon-china/vue-quill-editor#readme

以下为使用说明

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

Vue.use(VueQuillEditor, /* { default global options } */)
引入及定义
Vue轻量级富文本编辑器-Vue-Quill-Editor

 


 

在页面中的使用  

<quill-editor v-model="addForm.goods_introduce"></quill-editor>

Vue轻量级富文本编辑器-Vue-Quill-Editor

 

 

 

在网站显示如下图:

 

Vue轻量级富文本编辑器-Vue-Quill-Editor

 

 

上一篇:springboot2.0.3源码篇 - 自动配置的实现,发现也不是那么复杂


下一篇:Spring源码解析 – @Configuration配置类是怎么生效的,并将bean解析到spring容器中