发表于: 2017-05-01 23:29:38
1 981
今天完成的事情:
复习了之前的js知识和css的知识;
研究了一下各种富文本编辑器的区别;
学习了一波svn;
明天计划的事情:
写进复盘项目评审的ppt;
研究一下svn的插件;
遇到的问题:
angular里的工厂,服务,自定义指令还是感觉有些模糊,明天有时间得加强学习一波。
收获:
各种插件及优缺点:
(1)wangEditor
基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费。
官网与其他做的对比:
与国产编辑器 百度ueditor 和 kindeditor 相比,它轻量、易用、UI设计精致漂亮。
与国外编辑器 bootstrap-wysiwyg 和 simditor 相比,它文档易读、交流方便,更接地气。
它还会根据使用者的反馈不断完善,未来将支持移动版。
(2)UEditor
是由百度web前端研发部开发所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码.
涵盖流行富文本编辑器特色功能,独创多种全新编辑操作模式。
屏蔽各种浏览器之间的差异,提供良好的富文本编辑体验。
开源基于MIT协议,支持商业和非商业用户的免费使用和任意修改。
细粒度拆分核心代码,提供可视化功能选择和自定义下载。
百度专业QA团队持续跟进,上千自动化测试用例支持。
(3)KindEditor
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本输入框。 KindEditor 使用 JavaScript 编写,可以无缝地与 Java、.NET、PHP、ASP 等程序集成,比较适合在 CMS、商城、论坛、博客、Wiki、电子邮件等互联网应用上使用。
快速:体积小,加载速度快
开源:开放源代码,高水平,高品质
底层:内置自定义 DOM 类库,精确操作 DOM
扩展:基于插件的设计,所有功能都是插件,可根据需求增减功能
风格:修改编辑器风格非常容易,只需修改一个 CSS 文件
兼容:支持大部分主流浏览器,比如 IE、Firefox、Safari、Chrome、Opera。
(4)UMeditor(UEditor Mini版)
简称UM,是为满足广大门户网站对于简单发帖框,或者回复框需求所定制的在线富文本编辑器。 UM的主要特点就是容量和加载速度上的改变,主文件的代码量为139k,而且放弃了使用传统的iframe模式,采用了div的加载方式, 以达到更快的加载速度和零加载失败率。现在UM的第一个使用者是百度贴吧,贴吧每天几亿的pv是对UM各种指标的最好测试平台。 当然随着代码的减少,UM的功能对于UE来说还是有所减少,但我们经过调研和大家对于UM提出的各种意见,提供了现在UM的功能版本, 虽然有删减,但也有增加,比如拖拽图片上传,chrome的图片拖动改变大小等。让UM能在功能和体积上达到一个平衡。UM还会提供 CDN方式,减少大家部署的成本。我们的目标不仅是要提高在线编辑的编辑体验,也希望能改变前端技术中关于富文本技术的门槛,让大家不再觉得这块是个大坑。
评论