mizuka-wu / canmind

a simple canvas mindmap power by konva.js and prosemirror

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Canmind

基于 prosemirror + konva.js 实现一个思维导图的尝试项目

核心仓库

prosemirror

prosemirror

模型定义以及核心状态管理库

Konva.js

konva.js

通过自定义的 view 系统 将 prosemirror-model + prosemirror-state 的数据渲染到页面上的实现引擎

核心参考 build-your-own-pm-view

核心设计逻辑

graph TD
    A[数据] -->|解析| B( prosemirror-state)
    B --> C(view)
    C --> D(konva)
    D --> |事件绑定|B

TODO

[ ] prosemirror-model.node里的 fragment 迁移支持Konva.node

About

a simple canvas mindmap power by konva.js and prosemirror


Languages

Language:TypeScript 90.6%Language:JavaScript 4.8%Language:CSS 3.3%Language:HTML 1.3%