现在网上上有很多的富文本编辑器,但我个人还是非常喜欢Vue家族的vue-quill-deitor,虽然说它只支持IE10+
好 , 废话不多说直接上代码,现在是见证奇迹的时刻, 在vue中使用quill呢,我们需要npm进行安装,安装命令如下:
第一步下载 :
npm i vue-quill-editor -D
第二步安装依赖 :
npm i quill -D
第三步全局引用
//在main.js中全局引入 :
import VueQuillEditor from 'vue-quill-editor'//调用编辑器
// require styles 引入样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)
也可局部引用
//在对应文件中局部引入 :
import { quillEditor } from "vue-quill-editor"; //调用编辑器
// require styles 引入样式
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";
四. 相关用法及规范
<template>
<div>
<div class="edit_container">
<quill-editor
v-model="content"
ref="myQuillEditor"
:options="editorOption"
@blur="onEditorBlur($event)"
@focus="onEditorFocus($event)"
@change="onEditorChange($event)"
></quill-editor>
</div>
</div>
</template>
<script>
import { quillEditor } from "vue-quill-editor"; //