码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-12-03 11:50:32      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:font   lob   for   Edito   网站   oba   code   import   quill   

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

技术图片

 

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

技术图片

 

 

跳转到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 } */)
引入及定义
技术图片

 


 

在页面中的使用  

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

技术图片

 

 

 

在网站显示如下图:

 

技术图片

 

 

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

标签:font   lob   for   Edito   网站   oba   code   import   quill   

原文地址:https://www.cnblogs.com/loving0606/p/14054853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!