TinyEditor：华为云OpenTiny团队开发的一款免费富文本编辑器

TinyEditor一个基于Quill 2.0的富文本编辑器。它在Quill的基础上进行了扩展，增加了更多实用的功能和模块，使其成为一个功能强大且易于使用的富文本编辑器。它支持多种前端框架（如Vue、React和Angular），并保持了与Quill的API和生态系统的兼容性。

TinyEditor功能特点：

1、功能强大：

• 扩展特性：在 Quill 的基础上，TinyEditor 扩展了表格、图片、文件上传、@提醒等功能，能够满足更多复杂的编辑需求。
• 丰富的格式支持：支持多种文本格式，包括字体、字号、颜色、对齐方式等，用户可以轻松创建格式丰富的文档。

2、框架无关：

• 多框架支持：TinyEditor 可以无缝集成到 Vue、React、Angular 等多种前端框架中，开发者可以根据自己的项目需求选择合适的框架进行使用。
• 灵活性高：由于其框架无关的特性，TinyEditor 在不同项目中的适配性很强，减少了开发和维护成本。

3、兼容 Quill：

• API 兼容：TinyEditor 完全兼容 Quill 的 API，这意味着如果你之前使用过 Quill，可以轻松迁移到 TinyEditor，无需重新学习。
• 生态兼容：它继承了 Quill 的生态系统，开发者可以利用现有的 Quill 插件和工具，进一步扩展编辑器的功能。

4、开箱即用：

• 预配置功能：TinyEditor 提供了丰富的预配置功能，用户无需进行复杂的设置即可快速上手使用。
• 易于集成：其设计简洁，文档清晰，方便开发者快速集成到现有项目中。

5、用户体验：

• 简洁的界面：编辑器界面简洁，操作直观，用户可以快速熟悉并使用。
• 响应式设计：支持多种设备和屏幕尺寸，确保在不同设备上都能提供良好的用户体验。

6、国际化支持：

• 多语言支持：TinyEditor 支持多种语言，方便不同语言的用户使用。

TinyEditor安装：

依赖安装：

npm i @opentiny/fluent-editor

引入样式：

@import '@opentiny/fluent-editor/style.css';

Vue文件中使用：

<script setup lang="ts">
import FluentEditor from '@opentiny/fluent-editor'
import { onMounted } from 'vue'

onMounted(() => {
  new FluentEditor('#tinyEditor', {
    theme: 'snow',
  })
})
</script>

<template>
  <div id="tinyEditor" />
</template>

进入TinyEditor官网入口