vue-quill-editor 富文本编辑器

最新推荐文章于 2024-07-30 16:49:30 发布

阿程_88

最新推荐文章于 2024-07-30 16:49:30 发布

阅读量217

点赞数 1

分类专栏： # 富文本编辑器文章标签：前端

本文链接：https://blog.csdn.net/weixin_46957744/article/details/125600926

版权

富文本编辑器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、安装依赖

npm install vue-quill-editor -S

二、全局引入（main.js文件中引入）

// vue-quill-editor 插件全局注册
import VueQuillEditor from 'vue-quill-editor'
// 导入 vue-quill-editor 对应样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor)

三、使用

<template>
  <div class="wrapper step-five-wrap">
    <!-- vue-quill-editor 富文本 -->
    <quill-editor v-model="quillValue"></quill-editor>
  </div>
</template>