在线文档,笔记应用近几年发展迅速,这些产品的内容创造与管理也不再仅仅局限于文字或者图片,诸如科学公式,多维表格,流程图,思维导图,电子表格等元素也逐步被引入文档内容中。

而这些元素的编辑与展示在各个特定的领域都是需要长期的积累才能做到优秀可用,为了给用户快速去提供这些能力,工程师们会选择在开源项目上去做集成,而本文整理了9个开源项目揭开文档新元素背后的秘密。

一、代码块

https://github.com/codemirror/CodeMirror 是在JavaScript 中实现的多功能文本编辑器。 它专门用于编辑代码,并配备了许多语言模式和addone,可实现更高级的编辑功能。

二、流程图

https://github.com/jgraph/docker-drawio

三、思维导图

https://github.com/NaoTu/DesktopNaotu 由百度开源的脑图

四、评论

对于文档中的全文评论以及局部评论,使用了轻量级L1编辑器 https://github.com/quilljs/quill 来实现"@人","链接识别"等特性

五、统计图

电子表格之中,使用 https://github.com/apache/echarts 来构建丰富的图表能力

六、UML

UML建模过程,使用 https://github.com/skanaar/nomnoml

七、数学公式

https://github.com/mathjax/MathJax 可以帮助在线文档获得数据公式的编辑与展示能力

八、多维表格

AG Grid: High-Performance React Grid, Angular Grid, JavaScript Grid 是一个帮助企业构建多维表格(Airtable Like)的基础控件,国内80%的多维表格创业SaaS产品基于此打造。

九、白板

blackboard-tools 是由技术专家自研多年的白板控件,它可以帮助文档快速获得白板的书写能力


虽然这些开源项目在内容编辑与创造方面提供了捷径,但是工程师们往往还需要在权限,安全,存储,稳定,一体化,稳定性等多个角度投入更多的打磨。

而更多开源项目的推荐以及在线文档能力的丰富欢迎你的留言。