一个开源的模块化内容构建编辑器,以Json格式输出,灵感来自Notion

2,393 阅读1分钟

GitHub地址

github.com/CedarXi/All…

在线演示地址

all-in-one.qingzhu.co/

All-in-one是什么

All-in-one 是一个开源的模块化内容构建编辑器,它不同于传统的文本编辑器,所有的内容都是以模块的概念来打造。灵感来自Notion

灵活的插拔

所有的模块都以VUE组件的形式编写,可以灵活插拔。你可以用All-in-one编辑器构建一个模块化的内容平台,可以在一个页面里插入任何其他模块,就像Notion一样

纯净的输出

所有组件保存的数据,都以Json的形式存储在Vuex里供不同组件调用

🐞 由于不是用WYSIWYG的编辑器进行二次开发,目前在文本编辑方面有一些不能解决的Bug

  • 当输入行大于等于2行时,键盘的上下按键没有办法处理光标在同组件的文本内容里上下移动
  • 内容无法跨模块复制
  • 其他一些小的问题

👏 已实现的模块

  • 纯文本
  • 待办清单
  • 标题1
  • 标题2
  • 标题3
  • 符号列表
  • 提示栏
  • 组件的拖拽移动

🧑‍💻 待开发的模块

  • 事件节点组件
  • 图片上传组件
  • 表格组件
  • 看板组件