腾讯文档的出现，让多人共同写文档成为了可能，除此之外做办公系统的软件也会涉及到文档的编辑，比如飞书、钉钉文档、语雀、Notion、石墨文档。不仅如此，国内巨头 WPS 也在做文档的在线编辑。文档的在线编辑依赖的前端技术栈比较重，也是让前端程序员能走的更远的一个技术栈。本 wiki 希望能够通过逆向的手段探索实现手段，以及开源方案现在都做到了什么程度。
腾讯文档：
知乎文章：https://www.zhihu.com/column/c_1285334850644570112
钉钉文档
https://zhuanlan.zhihu.com/p/301221338
石墨文档
相关技术研发： https://www.zhihu.com/people/xu-hai-hao/answers
排版引擎
开源排版引擎实现：Gecko、Blink、Trident、Webkit/Webcore
在线编辑
- 代码编辑器：https://codemirror.net/
- 富文本在线编辑器（slate.js）：https://github.com/ianstormtaylor/slate
- 富文本编辑器（draft-js）：https://github.com/facebook/draft-js
- contenteditable is bad：https://medium.engineering/why-contenteditable-is-terrible-122d8a40e480
- quill 编辑器
- tinymce不限制框架 https://github.com/tinymce/tinymce
多人在线编辑
- 实现一个多人协作在线文档有哪些技术难点？https://www.zhihu.com/question/274573543
- 为什么都说富文本编辑器是天坑？https://www.zhihu.com/question/38699645
- 实时协同编辑的实现 https://fex.baidu.com/blog/2014/04/realtime-collaboration/
编辑器实现原理文章
- Notion 编辑器原理分析 https://zhuanlan.zhihu.com/p/359122473
- wangEditor编辑器作者：https://juejin.cn/user/1714893868765373/posts
开源库
- https://handsontable.com/
- html中使用 pdf：https://github.com/mozilla/pdf.js
- PDF数据解析 http://brendandahl.github.io/pdf.js.utils/browser/
- 网页中展示类似PPT效果 https://github.com/hakimel/reveal.js
- PPT 实现 https://mp.weixin.qq.com/s/ISa2w2D3mY3wokSJx4vRNw
- dnd-kit 轻松实现拖拽效果 https://github.com/clauderic/dnd-kit
- 国内低代码平台 https://github.com/taowen/awesome-lowcode
- vue 表格 https://github.com/x-extends/vxe-table
- 使用canvas实现编辑器 https://github.com/grassator/canvas-text-editor-tutorial
- canvas-editor
- 无样式UI编辑器 https://github.com/ueberdosis/tiptap
- 表格编辑 https://github.com/myliang/x-spreadsheet
基于开源方案构建统一的文件在线预览与office协同编辑平台的架构与实现历程 – 是Vzn呀 – 博客园
使用 MinIO 和 KKFileView 实现在线文件预览功能_minio 在线预览-CSDN博客
开源文档预览项目 kkFileView (9.9k star) ，快速入门-阿里云开发者社区
原创文章，作者：3994，如若转载，请注明出处：https://blog.ytso.com/tech/dev/316077.html