各位,谁研究过CKEditor,谁能说一下它的设计思想,代码组织思想?

发布于 2021-11-17 06:34:32 字数 63 浏览 808 评论 7

各位,谁研究过CKEditor,谁能说一下它的设计思想,代码组织思想?面对40几个核心js文件,感觉有点飘....

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

等风来 2021-11-17 12:05:07

谢谢红薯大哥

檐上三寸雪 2021-11-17 12:04:59

你不如直接问国产的编辑器
KindEditor 的作者
@Roddy ,他就在 OSC 上

不乱于心 2021-11-17 12:04:10

你说对,你觉得ckeditor的设计思想什么样的?就基于你看过的源码来讲,代码组织合理吗?

半世蒼涼 2021-11-17 12:01:58

当然合理了,老外写代码就是严谨,编码风格、注释、单元测试该有的都有。

明媚如初 2021-11-17 11:56:07

回复
对了,你可以找淘宝KISSY editor和百度ueditor的开发者问,据我所知这2个编辑器execCommand是基于ckeditor的。

凌乱心跳 2021-11-17 11:34:06

回复
好的,我到他们那里去讨教一下,呵呵,非常感谢你的帮助,谢谢

明月松间行 2021-11-17 10:02:04

编辑器就是execCommand和一些UI组件的组合,UI组件大家都知道,下拉菜单、弹出框、取色器等。

document.execCommand提供加粗、插入HTML等操作,本来是浏览器原生的接口,但是在不同浏览器上生成的代码不一致,也有一些BUG,CKEditor干脆不用这个接口了,自己基于Range、Selection、Element等接口实现了一遍。

我没有看过它的全部代码,不过估计至少50%以上代码是实现execCommand的代码,要了解这部分代码需要先了解 Range (IE是TextRange)、Selection 概念,这个平时前端开发很少用到,但开发编辑器时属于最基本的知识。

http://msdn.microsoft.com/en-us/library/ie/ms535872(v=vs.85).aspx

https://developer.mozilla.org/en/DOM/range#Introduction

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文