爱意满满的作品展示区。
djyde

开源一个 block-based 的编辑器

  •  
  •   djyde ·
    djyde · Mar 4, 2021 · 3437 views
    This topic created in 2056 days ago, the information mentioned may be changed or developed.

    事缘我在写一个给自己用的和 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 自己的同时不断地去改进它(如果这个项目没有烂尾的话😆)。

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

    4 replies  •  2021-03-06 00:56:36 +08:00
    narmgalaxy
        1
    narmgalaxy  
       Mar 4, 2021
    svelte 好评
    SenLief
        2
    SenLief  
       Mar 4, 2021
    大纲笔记?
    zm8m93Q1e5otOC69
        3
    zm8m93Q1e5otOC69  
       Mar 5, 2021
    Obsidian ?
    April5
        4
    April5  
       Mar 6, 2021
    提个 bug,使用中文输入法输入 abc 会生成两行
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Privacy   ·   Solana   ·   3178 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 35ms · UTC 13:22 · PVG 21:22 · LAX 06:22 · JFK 09:22
    ♥ Do have faith in what you're doing.