开源富文本编辑器,支持用 React/Vue 或任何框架开发 Block/InlineBlock。

2024-03-01 12:16:09 +08:00
sskyy  sskyy

官网首页 https://minditor.dev 就是用 Minditor 编辑和渲染的,可以体验所有功能。欢迎提 issue 和 feature request 。目标是成文一个默认体验就能和飞书、语雀一样开源编辑器。(实际上也是因为等了很久语雀开源结果一直没有,所以自己写了)。希望 V 友们能点个 star:)

截图

3354 次点击
所在节点   分享创造  分享创造
24 条回复
rming
rming
2024-03-01 12:25:42 +08:00
star +1
sskyy
sskyy
2024-03-01 12:29:08 +08:00
感谢
ajan
ajan
2024-03-01 12:40:55 +08:00
ctrl+z ctrl+y 不支持?
june4
june4
2024-03-01 13:08:40 +08:00
左边栏布局错位啊,负缩进这么多
huihushijie1996
huihushijie1996
2024-03-01 13:21:39 +08:00
@ajan 我也想说缺少了这个功能
zhouyang163
zhouyang163
2024-03-01 14:54:01 +08:00
支持 table 嵌套 table 吗
zzbd
zzbd
2024-03-01 15:42:50 +08:00
我比较好奇有没有类似项目呢?传输的是 markdown 格式的文本吗
sskyy
sskyy
2024-03-01 15:43:33 +08:00
@ajan 支持 ctrl+z 碰到和 ctrl+shift+z 作为 redo 。刚测了一下发现输入法 + undo 有 bug ,现已修复。输入法输入现在我用 playwright 没法写测试,只能碰到问题人工测试了。
感谢。
sskyy
sskyy
2024-03-01 15:44:27 +08:00
@zhouyang163 支持,只是现在样式有点丑,之后会针对嵌套优化下。
sskyy
sskyy
2024-03-01 15:46:23 +08:00
@zzbd 保存的是 json 。类似的有 editor.js ,quilljs 。他们好像不支持 inlineBlock ,写复杂插件缺少了一些系统应该提供的 reactive state ,要自己注册各种事件监听。比较麻烦,所以我自己写了这个编辑器。
nicoljiang
nicoljiang
2024-03-01 16:06:52 +08:00
那行有颜色的字,加粗其中任何一个单词,加粗和后面的部分都会失去颜色。
Moyyyyyyyyyyye
Moyyyyyyyyyyye
2024-03-01 17:02:32 +08:00
hedwi
2024-03-01 17:05:46 +08:00
未来会支持 angular 吗
Nosub
2024-03-01 19:31:29 +08:00
@hedwi 基于 ace editor 写一个,完全可以自己写。
sskyy
2024-03-01 20:01:59 +08:00
@nicoljiang 感谢,已修复。
l4ever
2024-03-01 22:09:19 +08:00
sskyy
2024-03-02 13:33:29 +08:00
@l4ever 很多基础编辑体验不一样,例如 Minditor 支持从一个 block 的中间选到另一个 block 的中间。editor.js 只能选整个选区。我也是之前再用 editor.js ,后来感觉在它的基础上怎样二次开发都打不到语雀、飞书的编辑体验,所以自己写了。
nicoljiang
2024-03-02 14:44:30 +08:00
其实我一直觉得 dropbox paper 的编辑器最优(不谈功能丰富性的话,我认为比 notion 的体验更好)。
国内的飞书文档体验真是极致。
nicoljiang
2024-03-02 14:53:03 +08:00
markdown commands 下面的 ul 部分都没法全选一行
而且找不到拖动整行上下移动的方法(并且不会自动让位置)
如果从 headline 开始想通过上下拉选择多个段落,是选不了的。

我感觉 tiptap 挺好的,基于这个做会不会小问题更少一点。比如: https://github.com/steven-tey/novel 整体就不错了。
sskyy
2024-03-02 16:47:29 +08:00
@nicoljiang 修好了。我之前也没打算自己写,后来把市面上所有开源的富文本编辑器和框架都看了一遍。发现下面几个方面或多或者有不支持或者有坑的地方:
1. 大部分 block based 的富文本编辑器不支持从一个 block 中间选到另一个 block 中间。也就是上面你说的问题。当时飞书和语雀是可以。说明技术上能做到。
2. 有输入法时三大浏览器表现明显不一致。很多框架在 chrome 之外都有坑,且没以后统一行为。
3. 插件/block 的开发太麻烦,大部分框架都是提供 api+event ,但开发有 ui 的 plugin/block 时最需要的其实是 reactive state 。

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/1019749

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX