各位,谁研究过CKEditor,谁能说一下它的设计思想,代码组织思想?
各位,谁研究过CKEditor,谁能说一下它的设计思想,代码组织思想?面对40几个核心js文件,感觉有点飘....
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
各位,谁研究过CKEditor,谁能说一下它的设计思想,代码组织思想?面对40几个核心js文件,感觉有点飘....
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(7)
谢谢红薯大哥
你不如直接问国产的编辑器
KindEditor 的作者
@Roddy ,他就在 OSC 上
你说对,你觉得ckeditor的设计思想什么样的?就基于你看过的源码来讲,代码组织合理吗?
当然合理了,老外写代码就是严谨,编码风格、注释、单元测试该有的都有。
回复
对了,你可以找淘宝KISSY editor和百度ueditor的开发者问,据我所知这2个编辑器execCommand是基于ckeditor的。
回复
好的,我到他们那里去讨教一下,呵呵,非常感谢你的帮助,谢谢
编辑器就是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