网页文本编辑器对比

接到一个需求,将网页文本编辑器嵌入到后台管理系统中,以便运维人员配置一些数据及图片,用于前台工程展示。

目前主流的编辑器有:
CKEditor(https://ckeditor.com/,https://github.com/ckeditor/ckeditor-dev),
国外知名编辑器,功能强大,官网高端大气。有云存储,图片编辑等众多优于其他编辑器的功能。主要版本有CKEditor 5和CKEditor 4。其中CKEditor 5从产品角度提升了用户体验,更简单易用。从技术角度完全采用ES6语法编写,充分利用了模块化的优势,更易于与Angular 2, React等流行前端技术结合。但是需要付费。


以下是2款国内开源编辑器,从样式上看两者风格类似,但UEditor功能按钮更多,而且右键有操作菜单,对图片上传的操作相对简洁,而且支持拖拽嵌入图片(CKEditor也支持拖拽)。相比之下,KindEditor稍逊一筹,再会。
KindEditor(http://kindeditor.org/,https://github.com/kindsoft/kindeditor),

UEditor(http://ueditor.baidu.com/,https://github.com/fex-team/ueditor),

目前后台工程框架使用SpringMVC,页面使用FreeMarker模板。工程中没有引入node.js相关的前端框架,为了兼容目前不支持ES6的浏览器,暂不使用CKEditor 5,来日方长,后会有期!
如果是前端面向普通用户CKEditor 4更为简洁会是不错的选择。公司后台管理系统都是有经验的运维人员使用,实用性重要,简洁性次要,所以打算支持一下国内大厂的UEditor。

你可能感兴趣的:(网页文本编辑器对比)