富文本vue-quill-editor插件vue中使用步骤

vue-cli中npm安装:
两种方法：
1 终端安装

npm install vue-quill-editor --save

2 vue-ui可视化安装
项目终端输入vue-ui打开可视化界面
选中依赖项如图：

然后右上角点安装依赖
如图

选中运行依赖并且输入vue-quill-editor插件名称
如图标注：

点击安装该依赖，等来安装即可

完成后如图

基本使用说明：

插件体积不大这里只介绍全局使用，如果希望按需引用可参考
https://github.com/surmon-china/vue-quill-editor
main.js全局引用：

import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' 
import 'quill/dist/quill.snow.css' 
import 'quill/dist/quill.bubble.css' 

Vue.use(VueQuillEditor)

组件中使用：
v-mode双向绑定的内容即为输入的内容

<quill-editor v-model="text"> </quill-editor>

效果图：

就这，就这，就这啦。