最近需要做内容的编辑和上传,所以需要用到富文本编辑器。刚开始引用的百度的富文本,发现虽然功能比较多,但是还得跟后台配合,而且样式什么的也比较麻烦,所以还是用了vue-quill-editor这个编辑器,比较简单。
1 安装
npm install vue-quill-editor --save
2 引入
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default {
components: {
quillEditor
}
}
3 使用
<quill-editor
v-model="content"
ref="myQuillEditor"
:options="quillOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@ready="onEditorReady($event)">
</quill-editor>
<script>
const toolOpti