L2级块类富文本&Markdown编辑器

学习&开发文章更新计划

• 从零开发L0级富文本编辑器
  • 仿掘金沸点实现简单的富文本输入框
  • 从零实现简单的富文本编辑器
• 解析与实现L1级富文本编辑器
  • 了解并基于proseMirror实现富文本编辑器
  • 解析proseMirror富文本编辑器
  • 基于tiptap实现简单的块类富文本编辑器并添加简单的AI功能
  • 解析wangEditor等开源编辑器源码
  • 从零实现L1级富文本编辑器
  • 从零实现L1级Markdown编辑器
  • 解析和扩展掘金Markdown编辑器bytemd的源码
• 实现L2级富文本编辑器（待定）

SwordEditor项目介绍

SwordEditor

项目目标

• 可在Vue、React项目中引入
• UI和底层实现分离，可定制化开发
• 支持可视化调整配置，快速生成编辑器功能和菜单布局
• 实现多种块类组件，支持拖拽、复制、粘贴等
• 可实现多个底层切换，包括contenteditable、execommand、Slatejs、Prosemirror、数据驱动等
• 使用Rust实现对底层的优化，提升性能
• 增加对Office文档的支持，支持Word、Excel导入
• 实现导出PDF、Word、PNG等，尽可能还原微软Office Word的样式
• 增加对Markdown的支持，支持富文本与Markdown的切换或拆分独立使用
• 增加多人协作功能，支持多人在线编辑、评论、标注等
• 增加AIGC创作功能，为AI赋能
• 实现WebAssembly、WebGL、Canvas、SVG的支持

SwordEditor

开发时间

• 2024年4月-2024年7月 实现Markdown、富文本编辑器的基础功能和AI功能，支持富文本与Markdown的切换或拆分独立使用
• 2024年10月-2024年12月 扩展底层，实现底层切换方式，增加多人协作功能，支持多人在线编辑、评论、标注等，实现导入、导出PDF、Word、PNG等
• 2025年1月-2025年3月 支持可视化调整配置，快速生成编辑器功能和菜单布局
• 2025年4月-2025年6月 待定

开发进度

• 实现L0级富文本编辑器

参考文档

• 点亮富文本编辑器的魔力：Selection与Range解密