富文本各式各样,基本都能满足大众需求,但也会存在各种走不完的坑,本文写出一些对于富文本的浅显研究,以作为今后不备之需,会持续更新,如有错误点请不吝指出。
kindeditor 官方网址(http://kindeditor.net/demo.php)
界面经典,目前最新版本4.1.11(2016-03-31)
存在的问题:
在使用中点击保存后,会出现多余空行,而且随机没有规律
UEditor 官方网址(http://ueditor.baidu.com/website/)
是由百度Web前端部门开发一款编辑器,提倡轻量、可定制,是一个开源编辑器。分UEditor和UMeditor两款,可以各取所需。目前UEditor最新版本1.4.3.3(2016-05-26)。
存在的问题:
图片上传限制更改无效(已经将配置post_max_size、upload_max_filesize参数改为1024M),不能超过2M。
CKEditor 官方网址(https://ckeditor.com/)
国外产品,原来叫FCKeditor,现在改名并拆分为CKEditor与CKFinder两款编辑器。其中CKEditor是开源免费的,CKFinder是付费的。
CKEditor目前最新版本5 (2019):功能齐全,符合大众,编辑框的形式种类多。
CKFinder目前最新版本3.5.1 (2019):主要用于上传文件、图片,以及对于文件和图片的处理。如图片可以裁剪、亮度等调整、缩放等功能(注意在2.X版本里不能裁剪图片)。存在的问题:
CKEditor4.13与CKFinder3.5集成后,上传图片的限制6M以上(已经配置为不限制大小),上传失败并报500错误,但CKEditor4.13与CKFinder2.6.3集成后就不会出现此错误。
CKEditor4.13与CKFinder3.5集成:在CKEditor编辑框以存在的图片上再次编辑图片后,预览窗与编辑框内还是原图,而后台图片已经更改,存在缓存。可以重新命名解决,但这种方法不友好。
TinyMCE 官方网址(https://www.tiny.cloud/docs/api/tinymce/root_tinymce/)
是一个轻量级由JavaScript编写,界面美观,顶部有菜单栏,而且对于图片可以在线处理(如:裁剪、色调、翻转等功能),支持浏览器纵多,对IE也友好。
通用功能插件是免费的,一些高级功能插件是收费的。
中文文档这个网址不错:http://tinymce.ax-z.cn
存在的问题:
工具栏没有HTML代码转换并更改HTML编辑的功能。
对于清除粘贴的文本格式有一部分不好使,如:h1-h6标签的行间距、外边距,需要自己下载CSS文件codepen.min.css更改,自己定义。
对于word清除格式的粘贴文本中:加粗、倾斜的标签没有去除。
TinyMCE5.1.1 在对文本使用居中对齐时候,若是文本量大将只有部分居中对齐。