Vusui-editor 富文本编辑器

介绍

基于 Vue3 + Quill 封装的富文本编辑器组件。

【使用文档】|【在线演示】

安装

yarn add @vusui/editor
npm i @vusui/editor -S

全局注册

// main.ts
import { VusuiEditor } from '@vusui/editor';
import '@vusui/editor/lib/style.css';

app.use(VusuiEditor);

局部注册

import { VusuiEditor } from '@vusui/editor';
import '@vusui/editor/lib/style.css';

export default {
  components: {
    VusuiEditor
  }
};

模板使用

<template>
  <vusui-editor :options="editor.options" v-model:content="editor.content" />
</template>

<script setup lang="ts">
import { reactive } from 'vue';

const editor = reactive({
    // 内容
    content: '',
    // quill 配置参数
    options: {
      ...
    }
});
</script>

License

MIT

Copyright (c) 2017-present, Vusui