vue 富文本编辑器 —— vue-quill-editor

最新推荐文章于 2024-07-24 14:58:19 发布

＊且听风吟

最新推荐文章于 2024-07-24 14:58:19 发布

阅读量431

点赞数

分类专栏： # Vue 2.x 文章标签： vue.js html javascript

本文链接：https://blog.csdn.net/HH18700418030/article/details/119948268

版权

一、文档：

vue-quill-editor：https://www.npmjs.com/package/vue-quill-editor
quill：https://quilljs.com/docs/quickstart/

二、安装：

npm install vue-quill-editor --save

安装完成：
在这里插入图片描述

三、使用:

<template>
  <div class="components-container">
    <div>
      <quill-editor ref="myQuillEditor" v-model="content" :options="editorOption" @blur="onEditorBlur($event)" @focus="onEditorFocus($event)" @ready="onEditorReady($event)" />
    </div>
    <div class="editor-content" v-html="content" />
  </div>
</template>

<script>
import {
    quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.