网站内容编辑器(网页文本编辑器嵌入到后台管理系统中的运维人员配置说明)
优采云 发布时间: 2021-09-05 19:17网站内容编辑器(网页文本编辑器嵌入到后台管理系统中的运维人员配置说明)
收到一个请求,将网页文本编辑器嵌入到后台管理系统中,以便运维人员可以配置一些数据和图片用于前端项目展示。
目前主流的编辑有:
CKEditor(,),
国外知名编辑器,功能强大,官网高端。有很*敏*感*词*优于其他编辑器,比如云存储、图片编辑等等。主要版本为CKEditor 5和CKEditor 4,其中CKEditor 5从产品的角度提升了用户体验,使其更易于使用。从技术角度来看,它完全采用 ES6 语法编写,充分利用了模块化的优势,更容易与 Angular 2、React 等流行的前端技术结合。但是要收费。
以下是两个国内开源的编辑器。两种编辑器的风格相似,但UEditor功能按钮较多,右键菜单有操作菜单。上传图片的操作比较简单,支持拖放图片(也支持CKEditor拖放)。相比之下,KindEditor 就差了点,再见了。
KindEditor(,),
UEditor(,),
目前后台工程框架使用SpringMVC,页面使用FreeMarker模板。项目中没有引入 node.js 相关的前端框架。为了兼容目前不支持 ES6 的浏览器,CKEditor 5 暂不使用。
如果前端是普通用户,CKEditor 4 更简洁,是不错的选择。公司后台管理系统是经验丰富的运维人员使用的,实用性很重要,简单是次要的,所以打算支持国内各大厂商的UEditor。