iceEditor富文本编辑器的开发过程,这应该只是个开始吧!

在开发iceEditor富文本编辑器时,我考虑了很多,理念应该是:轻量、简洁、易用、纯原生、不依赖任何插件,甚至是font、css……等文件,只需一个Js。

QQ截图20200509161452.png

为什么要开发iceEditor呢,最大的原因是为了深入学习javascript,这要感谢Z-Blog和Xiuno的开发者,在他们的支持下我开始学习,学习javascript中真是深深的把我震撼到了,越学习越感到javascript的强大,我认为我已经入门了,学到最后才发现我只看到了门框而已……

其它原因呢?当然有,开发这款产品也是有些其它的想法,UEditor编辑器是我最初用的,兼容性非常不错,功能十分强大,几乎比拟Word的编辑能力,但是界面的传统以及体积的臃肿让我放弃了它,因为我在使用过程中应用到的功能并不多,在写文章时也只是最基本的排版以及上传图片而已,对于我自己开发的产品中(例如cms、shop、blog系统)应用它的时候,感觉速度不是很乐观,所以放弃了!

放弃了UEditor后,眼前一亮,发现了wangEditor,这款编辑器十分优秀,界面非常简洁,这是我的项目应用时间最长的一款编辑器,但是这款编辑器依赖JQ,让我十分不爽的是加载速度,页面加载完以后编辑器明显会停顿一下才会加载,我们公司的开发项目中我也推荐了他们使用wangEditor,不过项目测试员说编辑器加载慢,是否可以考虑换了它!

考虑了半天,具有代码洁癖的我想了很久,对我来说,要开发一款编辑器需要很深的技术,我便开始着手准备,并搜索了相关知识,让我学习到execCommand和Range,真是厉害了,execCommand虽然有些功能各个浏览器支持不同,但是基本的排版和颜色设置竟然兼容所有的浏览器!这完全满足了我的开发需求,我的想法十分简单,简洁、快速,不需要巨多杂乱的功能,这款编辑器所走的路线就是轻量、简洁、快速,不依赖任何框架,纯原生开发,速度更快,甚至不依赖任何css样式文件以及font图标文件,整个编辑器只有一个js,这是我的初想。

历经约一个月,终于开发完毕了,它拥有插入表格、附件、图片、音乐、视频等功能,后续慢慢完善!


项目已经托管到码云gitee上, https://gitee.com/iceui/iceEditor

————————————————

版权声明:本文为CSDN博主「冰优」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:https://blog.csdn.net/ylfhacker/article/details/106015684


下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。