做在线文档编辑器的朋友大概都踩过这些坑:网页编辑器本质是一个无限长的 div,分页、表格跨页、页眉页脚、分栏只能靠 DOM 去拼,越做越难。
QuireKit 换了个思路:保留 ProseMirror 的文档、事务、插件和协同语义,但把视图层换掉。分页、断行、选区、光标全部由 QuireKit 自己排版计算,再用 Canvas 或 SVG 绘制。
今天开源的部分:
- Core:ProseMirror 语义 + Tiptap 风格的扩展 API,用过 Tiptap 基本零学习成本
- 四种视图共用一个内核:Canvas / SVG(分页)、HTML(连续流)、DOM(等价 ProseMirror view)
- Classic:类 Word 的分页编辑器,表格跨页、页眉页脚、分栏、可编辑图表、修订与批注,DOCX 导入导出往返;内置通知、请示、函等公文模板
- Block Editor:块编辑器,表格、看板、代码、公式、流程图写在同一份文档里
- MD Editor / MSFE:所见即所得、带标记预览、源码几种视图都直接改 Markdown 原文,没有 JSON 中转,适合 AI 生成的内容
- 周边:公式编辑器、思维导图、白板、流程图、Mermaid / PlantUML / Graphviz 文本绘图、多维表格
今天在 npm 发布了 125 个包(0.0.1-alpha)。核心 MIT,排版引擎和 Block Editor 是 AGPL,Word 兼容的成品组件是商业授权。
- 在线演示(打开就能编辑): https://quirekit.com
- 文档: https://docs.quirekit.com
- Markdown 编辑器: https://msfe.quirekit.com
- GitHub: https://github.com/quirekit/quirekit
还是 alpha,问题肯定不少,欢迎拍砖,也欢迎点个 Star 支持一下。