工作项目中涉及到富文本编辑器的使用,这里我使用Vue-Quill-Editor插件实现了一个基本具备设计图上功能的编辑器。
-
下载Vue-Quill-Editor
npm install vue-quill-editor --save
安装 vue-quill-editor 插件。 -
注册使用插件
在main.js中写如下代码:
import VueQuillEditor from 'vue-quill-editor' Vue.use(VueQuillEditor)
-
组件中使用
代码如下:
<template> <div class="about"> <quill-editor v-model="content"