第一步:下载
npm install quill@1.3.6
第二步:注册与引用样式
// 富文本编辑器
import { quillEditor } from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.component('quillEditor', quillEditor)
第三步:使用
<el-form-item label="题干:">
<quill-editor ref="text"
v-model="form.question"
class="myQuillEditor"
:options="editorOption" />
</el-form-item>
data(){
return {
content: '', // 富文本的内容
// 富文本编辑器的配置 不适配移动端
editorOption: {
placeholder: '请输入文字',
modules: {
// 自定义 toolbar 菜单栏
toolbar: [
[
&