基於react開發的帶富文本編輯功能的思惟導圖編輯器開源啦

基於react ,immutable.js 以及 slate 構建的思惟導圖app : react-mindmap 開源啦!!react

在線演示:awehook.github.io/react-mindm…git

喜歡的話歡迎點個star啊!!github

這個項目用到了我開發的思惟導圖類庫blink-mind-reactjson

對這塊有興趣的同窗歡迎fork, 以及提PRapp

screentshots:

富文本編輯,能夠插入列表,代碼塊,超連接編輯器

目前支持的功能:

  1. 思惟導圖節點的文本編輯器是基於slate的富文本編輯器,相似於medium的編輯體驗。

2. 移動整個畫布

3. 節點之間能夠經過拖動移動位置

  1. 彈出式菜單操做思惟導圖節點

  1. 支持數據導入導出,導出爲json 格式佈局

  2. 快捷鍵支持,tab鍵添加子節點,enter/return 鍵添加兄弟節點優化

後面要作的功能:

  1. 優化編輯器編輯體驗(目前的編輯器體驗離個人預期還差挺多的)
  2. 增長多種數據導入導出的格式支持
  3. 多主題色切換
  4. 支持多種佈局方式
  5. 支持自定義文本編輯器
相關文章
相關標籤/搜索