跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 开源一个 block-based 的编辑器
未分類
28 2 月 2021

开源一个 block-based 的编辑器

开源一个 block-based 的编辑器

資深大佬 : djyde 1

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

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

开源一个 block-based 的编辑器

在设计和实现这个编辑器的时候,我把它做成了和环境无关的,我抽象了一个 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 自己的同时不断地去改进它(如果这个项目没有烂尾的话

大佬有話說 (4)

  • 資深大佬 : narmgalaxy

    svelte 好评

  • 資深大佬 : SenLief

    大纲笔记?

  • 資深大佬 : beichenhpy

    Obsidian ?

  • 資深大佬 : April5

    提个 bug,使用中文输入法输入 abc 会生成两行

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具