vue3+ts 富文本编辑器插件vue-quill-editor使用代码

首先，在你的 Vue 项目中使用 npm 安装 `vue-quill-editor`：

npm i vue-quill-editor

然后在需要使用的组件中，引入 `vue-quill-editor` 并注册为组件：

<template>
  <div>
    <quill-editor v-model="content" />
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import QuillEditor from 'vue-quill-editor'

export default defineComponent({
  components: {
    QuillEditor
  },
  data() {
    return {
      content: ''
    }
  }
})
</script>

在这个例子中，我们引入了 `quill` 的样式文件，并且定义了一个 `content` 变量作为富文本编辑器的内容。

注意，如果你的项目使用了 TypeScript，建议在 `tsconfig.json` 中将 `noImplicitAny` 设置为 `false`，否则引用 `vue-quill-editor` 时会出现类型检查错误。