editor修改样式 vue_VueQuillEditor富文本编辑器的使用

前言

以前我对富文本的使用和保存不是很懂，停留在理解为textarea就是富文本的阶段，后来接触到了UEditor，被它华丽的外表所惊艳，按钮多功能丰富，但是使用起来却没那么顺手。

慢慢开始学习前端开发框架，学习使用Vue就开始正视前端的学习其中接触到了vue-quill-editor和Tinymce，学Vue的这两款应该都会接触到但从功能上来讲Tinymce肯定优秀一点，但是我自己觉得vue-quill-editor更适合我的项目一些，我就使用了vue-quill-editor，接下来介绍一下我的使用心得。

关键词

安装和使用 、固定长度、内部滚动条、滚动条样式修改、修改图片大小

正文

首先是安装

npm install vue-quill-editor --save-dev

然后是在src/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'

import Quill from 'quill'

// 将富文本编辑器，注册为全局可用组件

Vue.use(VueQuillEditor)

使用方式

v-mo