基于 slate.js 开发。想咨询下大佬们：
- 在富文本编辑器的开发中有些什么痛点
- 在富文本编辑器的使用中有什么痛点
- 你期望一个编辑器应该包含哪些？不仅是在使用上，还有开发中（比如说易于扩展之类）
- 你见过哪些复合你的预期的富文本编辑器，是不是开源的？
• 请不要在回答技术问题时复制粘贴 AI 生成的内容
This topic created in 2419 days ago, the information mentioned may be changed or developed.
Supplement 1 · Mar 19, 2020
看到都在说难的，就是因为有各种坑才希望大家列举一下，毕竟只说难解决不了问题。
另外我是基于 slate.js 开发的，所以有很多东西时不需要考虑的。各人认为 slate 就相当于是个 jq 之于 web 的工具。我们需要二次开发才能得到想要的。
最后，关于这个项目我已经开始了一个雏形： https://qishaoxuan.github.io/finxos/
另外我是基于 slate.js 开发的，所以有很多东西时不需要考虑的。各人认为 slate 就相当于是个 jq 之于 web 的工具。我们需要二次开发才能得到想要的。
最后，关于这个项目我已经开始了一个雏形： https://qishaoxuan.github.io/finxos/
 |
wezzardMar 19, 2020
1
抽象層級複雜。排版引擎一個層級、programmtically 訪問的業務接口一個層級、用戶互動一個層級。
控制器加上裏面的子模塊，基本上三四萬行起。 |
 |
miceanMar 19, 2020
2
祝福楼主
想一想我就脑壳痛的东西 |
 |
3
|
3 |
MoguguguguMar 19, 2020
4
雨雀的富文本是非常棒的、供楼主参考，不开源。
|
 |
loadingMar 19, 2020 via Android
5
建议去了解一下这有多难，一个团队都疯掉的东西。
如果你这是指 vue.js 例子那种 markdown 就当我没说吧。 |
 |
iamdqncoderMar 19, 2020
6
貌似这是个大坑
|
 |
ayase252Mar 19, 2020 via iPhone
7
想起这玩意睡觉都睡不好，真的，极其容易出 bug
|
 |
jydengMar 19, 2020
8
我也曾经想过，后来放弃了，项目上用 CKEDITOR+自制插件，满足了需求。
|
 |
mywaitingMar 19, 2020
9
ProseMirror 了解一下
|
 |
murmurMar 19, 2020
10
图表、富文本编辑器都是前端深坑，图表还可以做简单，富文本做简单就是没法用，最后还要用别人的
|
 |
nightwitchMar 19, 2020
11
先考虑一下蒙文这种自上而下的排版以及从右到左的阿拉伯语该怎么排版。这两种是富文本的梦魇
|
 |
12
富文本编辑器是超级大坑，名列知乎“哪些是产品经理觉得简单实际上超级难的需求”的前 5 名
|
 |
justfortestMar 19, 2020 via Android
13
曾经我业余写一个 web 聊天，自己搞消息编辑器，包括光标、复制、表情、图片、链接，真的脑壳疼，需要考虑的事情太多了，建议打消这个念头，编辑器不可能契合所有用户，基本都要自己修修改改。
|
 |
14
首先你得 fight dom. 比如 composition state 这一类的东西 总之 dom 得和你的数据同步。
另外就是你得设计模型 如果纯文本好说 如果有结构就比较复杂了 关键是你还是得和 dom 做同步…… 然后你得考虑一些只有渲染时候出现 但是不是数据的一部分的东西 来渲染比如语法高亮 白空 根据鼠标位置等外部数据的渲染 然后你得考虑协同 用 CRDT 还是 OT. 你的 flow control 等等 离线模式怎么设计 以上东西我整整花了一年 |
 |
RunningzsMar 19, 2020
15
这个问题你应该问一下富文本编辑器大国：韩国人 （手动狗头）
|
 |
IDCFUNMar 19, 2020
16
求问各位大大一个编辑器有关的问题，textarea 里有一段文字，我选中中间一部分，然后点击一个按钮在选中部分前边插入<a>，后边插入</a>，这个用原生 JS 如何 实现呢？谢谢啦。
|
 |
dremyMar 19, 2020 via iPhone
17
勇士，祝好运
|
 |
20
既然都自行开发富文本编辑器了，就不要用第三方的任何东西。直接手写 JS，原生。我看好你
|
 |
21
曾经用过 Quill.js ，Slate.js ，可以说是超级大坑，slate 在 windows 的选区中有一大堆问题。
和 8L 一样，最终换了 ckeditor5 加一些定制化的插件，真的很香！ |
 |
zarteMar 19, 2020
22
我需要个各个浏览器下生成的内容源码一样的编辑器，复制 word 内容进去也是生成一样的。
|
 |
SuperAllenMar 19, 2020 via Android
23
@DemonQ 想了解下楼主有写编辑器想法的心路历程
|
 |
340244120wMar 19, 2020 via iPhone
25
参考 uditor 就知道了
|
 |
red2dogMar 19, 2020
26
超级天坑。
|
 |
wanguorui123Mar 19, 2020
27
铁杵磨成针
|
 |
iConnectMar 19, 2020 via Android
28
浏览器兼容性可以逼疯千百回
|
 |
tsuiMar 19, 2020
29
选型就选了天坑 Slate，good luck
|
 |
cuixiaoyanMar 19, 2020
30
我截图之后，能直接粘贴到富文本编辑器里可以否。
|
 |
31
@cuixiaoyan 这个问题就像是在问 vue 怎么实现图片上传一样。。。
|
 |
ipwxMar 19, 2020
32
所见即所得的 Markdown 编辑器，包含公式等功能。参考 Typora。
如果你做出来了这么一款 HTML5 控件，提供 vue.js / ReactJS 接口，你就是开源大佬。 |
 |
gaigechunfengMar 19, 2020
33
我支持楼主。难的东西总要有人做，做出来就能出成果。
记得写好了给我们用用就行。 加油！ |
 |
linMar 19, 2020
34
可以在微信小程序上用么？
|
 |
vsitebonMar 19, 2020
35
@ipwx https://github.com/marktext/muya 可以关注这个仓库，类 typora 渲染
|
 |
NonClockworkChenMar 19, 2020
36
你好空啊
|
 |
jojunioriMar 19, 2020
37
有现成的功能较全的轮子了： https://pandao.github.io/editor.md/
|
 |
myliangMar 19, 2020 via Android
38
别问，干就完了
|
 |
39
看了一下 DEMO，设计理念似乎与这个有点像 https://editorjs.io/
|
 |
CharodMar 19, 2020
40
祝你好运
|
 |
minglanyuMar 19, 2020
41
坑真的多，加油盆友
|
 |
TangMonkMar 19, 2020
42
不如研究下 Ckeditor
|
 |
LightioMar 19, 2020
43
现在看到富字开头的东西都以为是起名帖了，，，
|
 |
zxCoderMar 19, 2020
44
@nightwitch 真有人用这种文字吗
|
 |
zhuangzhuang1988Mar 19, 2020
45
别.
|
 |
pomelotea2009Mar 19, 2020 via Android
46
别走两个极端：一种是完全 WYSIWYG 比如 Typora，另一种是分视图预览。建议光标所在的行显示 source code 不要预览，光标不在的行显示预览，这样可以避免很多问题
|
 |
47
我会说看成了富婆编辑器吗。。。
|
 |
msaionycMar 19, 2020
48
祝好运，我一个用的人都有阴影，这玩意 bug 太多了。
加油 |
 |
dtsdaoMar 19, 2020
49
|
 |
thulofMar 19, 2020
50
商业级别的很难，要考虑很多
|
|
thulofMar 19, 2020
51
试用了一下 demo，当进入多级列表的时候，无法退出多级列表了，再尝试几次撤销之后，白屏了。
vendors~app.chunk.9b186841b0c756e84f5f.js:81 TypeError: Cannot read property 'align' of undefined |
 |
FelldeadbirdMar 19, 2020
52
给楼主一个方向。
在做好 PC 的同时，也可以做好移动用户。 |
 |
guudsltdMar 19, 2020
53
弄个上传剪切板图片的功能
|
 |
whatsmyipMar 19, 2020
54
支持开源造轮子
反馈一个 bug，添加超链接之后，想要取消，全选这部分文字之后焦点总是被自动定位到链接框 |
 |
derek80Mar 19, 2020
55
了解下： https://github.com/outline/rich-markdown-editor 也是基于 Slate.js 的。其实希望语雀的大部分功能可以实现，比如 plantuml 等。
|
 |
awm47Mar 19, 2020
56
在 quote 块中, 光标放在"在 block 为空时"之前, 回车几次, 删除几次, 就可以复现一个白屏 bug
本来我也想给博客造个简单的富文本编辑器轮子, 最后我还是老实的用 textarea 了, 楼主保重 |
|
awm47Mar 19, 2020
57
鼠标 hover 在 header 的+上, 直接就炸了
Error: Minified React error #321; visit https://reactjs.org/docs/error-decoder.html?invariant=321 for the full message or use the non-minified dev environment for full errors and additional helpful |
 |
zhw2590582Mar 19, 2020
58
勇气可嘉，但还真是不建议花时间研究这个，现在流行的富文本编辑器都不是一个人能完成的。
|
 |
adjustedMar 19, 2020
59
我们内部有维护一个基于 prosemirror 和 react 的编辑器，有兴趣可以聊聊 wx 就是 id
|
 |
aa23Mar 19, 2020
60
我也在计划写一个，不过我想做的更偏向与在线文档方面
|
 |
iszengmhMar 20, 2020 via Android
61
要防止注入
|
 |
RRLMar 20, 2020
65
Slate.js 确实是天坑，最后还是要回归到 Draft.js
|
 |
xuanbgMar 20, 2020
66
富文本编辑器是最大天坑，没有之一！
要说有什么痛点或者坑点，那倒是只有一个，就是：你永远也满足不了用户的需求…… |
 |
yuankuiMar 20, 2020
67
slatejs 是真的坑。
从 0.4 到 0.5 版本升级后，底层数据模型，上层 api 全 TMD 的换了。 准备研究下 proseMirror |
 |
zhzbqlMar 20, 2020
68
不管是勇气可嘉还是真大佬，先占座留个名，万一以后火了呢
|
 |
mauveMar 20, 2020
69
迎难而上，🐛
|
 |
wuhhhhMar 20, 2020
70
开头以为是换皮 看底下评论感觉难得一批 心想没什么难啊 都是抄 翻上去一看 自己写 打扰了 前排留名等一个大佬
|
 |
XTTXMar 20, 2020
71
@DemonQ 我最近在研究富文本编辑器. 如果要做点不同的东西我推荐一些奇特的排版功能. table 都有了, 可以试试做平行 tab. 别人用 BBcode 实现的一些复杂排版. 我正在规划的一个产品就有这种图文并茂的排版需求
|
 |
redeyesovoMar 20, 2020
73
就叫富有富文本编辑器吧。🐶
|
 |
qile1Mar 20, 2020 via Android
74
web 端所有的富文本有个缺点是无法自动分页，尤其是有很大一部分专业网站的报告输入的时候需要 A4 或者 B5 打印时候，长文本就没法分页了，现在一些商业产品也必须安装控件才能实现分页功能，楼主能解决我愿意花钱弄下
|
 |
jssMar 20, 2020 via iPhone
75
富文本编辑器，我只服 Froala，其他都是垃圾…
|
 |
lithbitrenMar 21, 2020
76
浏览器兼容性是真的天坑
|
 |
Hanser002Nov 6, 2020
77
题主做的蛮好的- -
|
 |
zhdsupermDec 24, 2020
78
bug：ctrl + A 再用输入法输入文字，直接奔溃
|
Select Language