富文本编辑器

说明

推荐常用的富文本组件，以下资源全部支持vue3！！！

WangEditor V5

开源 Web 富文本编辑器，开箱即用，配置简单

资源地址

• 官方文档：文档地址 (opens new window)
• 仓库资源：github地址 (opens new window)

特性

• 开源免费
• 简洁易用，功能强大
• 无框架依赖
• 踩过 4000+ 坑
• 及时反馈
• 团队作战

Tinymce-vue

官方 TinyMCE Vue 组件

资源地址

• 官方文档：官方文档地址 (opens new window)
• 仓库资源：github地址 (opens new window)

Ckeditor5-vue

官方 CKEditor 5 Vue.js 组件, 一个所见即所得的框架，多种用途

资源地址

• 官方文档：官方文档地址 (opens new window)
• 仓库资源：
  • github地址:ckeditor5-vue (opens new window)
  • github地址:ckeditor5 (opens new window)

AoMao Editor

一个富文本协同编辑器框架，可以使用React和Vue自定义插件

资源地址

• 官方文档：官方文档地址 (opens new window)
• 仓库资源：github地址 (opens new window)
• vue3案例：案例 (opens new window)

特性

• 箱即用，提供几十种丰富的插件来满足大部分需求
• 高扩展性，除了 mark inline block 类型基础插件外，我们还提供 card 组件结合React Vue等前端库渲染插件 UI
• 丰富的多媒体支持，不仅支持图片和音视频，更支持插入嵌入式多媒体内容
• 支持 Markdown 语法
• 引擎纯 JavaScript 编写，不依赖任何前端库，插件可以使用 React Vue 等前端库渲染。复杂架构轻松应对
• 内置协同编辑方案，轻量配置即可使用
• 兼容大部分最新移动端浏览器