为什么都说富文本编辑器是天坑？ 第1页
1
qingxbl 网友的相关建议:
看完答案就好奇为什么你们都说在浏览器里做个Editor，于是打了一大堆为什么做个编辑器难。
然后翻到问题发现是“前端”，于是我就把答案都删了。
在浏览器里做基本上只会输入中英文的编辑器已经算好了，要实现的基本就是Word的1%子集。Word就是个妖孽。
举个栗子：
你在知乎这编辑器里，打一行不加标点的字，是这样的：
加一个句号，是这样的
在Word里，是这样的
加一个句号，是这样的
但是你加一个字，是这样的
在浏览器里，字距确定，现在浏览器还会处理一些显示规则，譬如句号不能在行首，处理方法就是行尾最后一个字折到下一行。
Word会在一定范围内调整字距，让视觉效果更好些。
中文跟英文规则还不一样，人家英文先调词距。然而CJK和英文已经是“很好处理的语言”了。来个满文什么的简直就是……
Word及以Word为目标的软件得先过这第一道坎，排完文字后面还有一大堆坑，例如表格循环排版什么的。然后才到诸位提到的在浏览器里做的功能，那些功能还只是Word的1%……
这才叫天坑好吗！！！
-----------------------------------萌萌哒分割线-----------------------------------
跑个题，不知道视频编辑算不算在富文本编辑器里。有兴趣的同学可以开个Powerpoint，然后往里插个视频。人家还带简易好用的视频编辑，截取片段，调整大小，剪裁，加滤镜什么的全有……
1
相关话题
Chrome 会成为下一个 IE 6 吗?为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
如何去判断 JS 字符串中含某个字符串？
Typescript 如何使一个传入的 Array 类型变为元组类型？
如何看待react被围攻？技术中立存在吗？
前端能否限制用户截图？
前端同事被富婆包养了，在深圳买了房，他代码技术远不如我，现在心里很不平衡，如何调节自己？
TypeScript 不适合在 vue 业务开发中使用吗？
如何看待 TS 团队发起的 「JS 类型标注」提案 Types as Comments？
JavaScript 最失败的设计是 arguments 吗？
前一个讨论
未来20年，新技术将从哪些方面改变人的消费方式？
相关的话题
如何用通俗易懂的语言解释脚本（script）是什么？有哪些效果拔群的 WebAssembly 应用？
如何理解编程过程中的逻辑严谨性？
如何评价 Typescript 的运行时类型检测工具io-ts？
ES6的class关键字有没有实现真正的面向对象?
为什么form表单提交没有跨域问题，但ajax提交有跨域问题？
为什么try catch能捕捉await后promise错误？ 和执行栈有关系吗？
a 标签为什么能够包含块级元素？
post 相比get 有很多优点，为什么现在的HTTP通信中大多数请求还是使用get？
有哪些短小却令人惊叹的 JavaScript 代码？
为什么vscode中，js代码打开谷歌浏览器会弹出提示窗口？
如何绕过知乎对 Bookmarklet 跨域添加的 <script> 的限制？
JavaScript中对 function 的参数进行重新赋值的影响?
为何浏览器控制台的JavaScript引擎性能这么差？
js中一元表达式问题（++和--）？
为什么要把前端搞的这么复杂，UI 组件不是很好用吗， 难道就是为了推广 nodejs 和 npm 吗?
JavaScript 是什么？
为什么强如『死月』在阿里也只有 p6?
如何在程序里留下彩蛋？
如何看待 node-ipc 包以反战为名进行供应链投毒？
前端开发的难点到底在什么地方?
如何让<fieldset>基于外边框垂直方向对齐，而不是里面的内容底线对齐？
如何看待鸿蒙应用开发框架采用JavaScript作为开发语言？
为什么维基百科的用户界面设计不够友好？
前端还有哪些待开垦的领域？
作为一个前端小白，应该从那些方面开始学习？
HTML中的html head body标签有且只能有一个，为什么不可以直接省略？
有哪些新手程序员不知道的小技巧？
JavaScript 关于 if…else if…else 的疑问？
如何评价 Google 的新 Logo 及 VI ？