开源一个 block-based 的编辑器 - V2EX

2021-04-04 15:01:18 Author: jp.v2ex.com 阅读量: 125 收藏

事缘我在写一个给自己用的和 Roam Research 类似的笔记软件,现在差不多完成了,但是目前不打算把笔记软件开源,而是先把里面的编辑器开源了。

在这里可以试试 https://plastic-editor.netlify.app

image.png

在设计和实现这个编辑器的时候,我把它做成了和环境无关的,我抽象了一个 Adapter, 用来给不同的宿主环境做各自的数据持久化实现。这样我编辑器日后可以同时在 Electron 和 native app 工作。

因为项目还在非常早期的开发,API 还是相当不稳定的,所以没有写文档。但是可以通过 https://github.com/djyde/plastic-editor/blob/master/demo/index.ts 一窥大概的用法。

另外由于我做这个编辑器就是为了方便实现「双向链接」、「块级引用」的,所以这个编辑器就是围绕 block 来设计的。可以在 https://github.com/djyde/plastic-editor/blob/master/demo/data.ts 看到实际上页面和 block 的数据结构。而我的笔记软件的目标就是每个 notebook 实际上都是一个纯 json 文件。

当然编辑器本身还有非常多需要做的功能和需要解决的 bug (比如 block 的自由拖拽是我目前最想实现的). 我会在 dog food 自己的同时不断地去改进它(如果这个项目没有烂尾的话😆)。

要注意的是,因为「双向链接」、「块级引用」是笔记应用需要实现的,而不是编辑器要实现的,所以你不能在上面的页面里体验到。




觉得文章还不错?,点我收藏



本站内容均来自网络,若有侵权,请与我们联系:buaq.net[#]pm.me