vue插件之vue-quill-editor

最新推荐文章于 2024-07-12 15:45:55 发布

置顶

你眼中的柔情

最新推荐文章于 2024-07-12 15:45:55 发布

阅读量5.1k

点赞数 1

分类专栏： vue 文章标签： js vue vuequilleditor

本文链接：https://blog.csdn.net/return_js/article/details/115732878

版权

本文介绍了如何在Vue项目中使用vue-quill-editor插件，从全局引入到在组件中配置使用，详细讲解了添加提示功能的实现，特别提醒需要注意的$nextTick使用时机。

摘要由CSDN通过智能技术生成

首先送上官网地址：点这是跳转官网。
接下来按步骤食用：

npm install quill --save

在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'
-------------------------------------------
 components: {
	quillEditor
  },

以下是html

  <quill-editor
        class="ql-editor"
        v-model="content"
        ref="myQuillEditor"
        :options="editorOption"
        @blur="onEditorBlur($event)" @focus="onEditorFocus($event)"
        @change="onEditorChange(