浅谈关于quill在vue中的使用

根据公司项目要求使用富文本进行一些列功能实现 这里使用quill.js实现插入与替换功能

quill.js官方api文档链接：Quill官方中文文档 · 看云

一,通过npm命令安装

npm install quill --save

二,封装富文本编辑器 editor.vue

<template>
  <div>
    <div class="editor"></div>
  </div>
</template>

<script>
import Quill from 'quill'
import 'quill/dist/quill.snow.css'
export default {
  name: 'editor',
  props: {
    value: String
  },
  data() {
    return {
      indexCursor:null,
      lengthCursor:null,
      quill:null,
      options: {
                theme: 'snow',
                modules: {
                    toolbar: [
                    ["bold", "italic", "underline", "strike"], // 加粗 斜体 下划线 删除线
                    ["blockquote", "code-block"], // 引用  代码块
                    [{ heade