Vue-安装依赖项vue-quill-deitor使用富文本编辑器

一、在项目终端输入：

npm install vue-quill-editor --editor

二、注册组件

在main.js项目入口文件中添加全局挂载

1.导入全局变量

import VueQuillEditor from 'vue-quill-editor'

2.导入样式

import 'quill/dist/quill.core.css'

import 'quill/dist/quill.snow.css'

import 'quill/dist/quill.bubble.css'

3.注册为全局可用组件

Vue.use(VueQuillEditor)

三、使用

在需要的页面下<template></template>模块中输入

<quill-editor></quill-editor>

即可：

效果如图