Vue实现富文本编辑器

Vue实现富文本编辑器

安装

npm install vue-quill-editor --save

引入

在项目需要使用富文本编辑器的文件中引入组件
import { quillEditor } from “vue-quill-editor”;

使用



效果

Vue实现富文本编辑器_第1张图片

注意

若你项目中使用的是ts,在安装命令完成后,引入过程,会报错。
在这里插入图片描述
此时应该找到项目中的shims.d.ts文件,加入declare module ‘vue-quill-editor’
则解决问题。
在这里插入图片描述

你可能感兴趣的:(Vue实现富文本编辑器)