【Github】项目名:margox/braft – editor:美观易用的React富文本编辑器
项目简介
Braft – Editor是一个基于draft – js开发的适用于React框架的富文本编辑器,适合主流现代浏览器。它具有多种功能,如完善的文本内容编辑功能、开放多个编辑接口且扩展性良好、允许插入图片、音频和视频等多媒体内容、允许自定义多媒体内容的上传接口、支持设置图像的左右浮动(即文本环绕功能)、可以设置颜色列表、字号和字体,还允许自定义要显示的控制按钮及其显示顺序、添加额外的自定义按钮以及多语言支持(简体中文、繁体中文、英语、波兰语、日语、韩语、土耳其语等)。
核心技术
该项目基于draft – js开发,这是其核心技术基础。Draft – js不直接使用HTML作为组件状态,而是实现了一个EditorState类型,这是一个JavaScript对象。这种方式使得一组EditorState可在多端使用,并且编辑器产生的内容不再局限于在网络平台显示(当然,每个平台也需要实现相应的EditorState到视图的转换功能),更适合React的组件状态,但这种实现方式也存在外部HTML转换到EditorState不完全等问题。
项目总结
Braft – Editor有诸多优点,功能丰富且在不断更新完善,但也存在基于其核心技术带来的一些问题如HTML转换的局限性等。欢迎大家在评论区留言,分享对这个项目的看法或者使用过程中的经验等。