@vusui/editor
TypeScript icon, indicating that this package has built-in type declarations

0.0.6 • Public • Published

Vusui-editor 富文本编辑器

介绍

vue quill license 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

Package Sidebar

Install

npm i @vusui/editor

Homepage

vusui.com

Weekly Downloads

2

Version

0.0.6

License

MIT

Unpacked Size

721 kB

Total Files

8

Last publish

Collaborators

  • vusui