一、官网地址
1、ckeditor:http://ckeditor.com/demo
2、UEditor:http://ueditor.baidu.com/website/index.html
二、ckeditor和UEditor的优缺点
1、ckeditor:
a、IE10兼容性:
(1)选中“字体颜色”时,下拉列表定位不正确;
(2)选择“字体颜色”-“其他颜色”,后面内容为纯白色,不是般透明色,并报脚本错误;
b、元素路径在不同浏览器下显示不一样。
c、form表单提交时,选中“html”显示源代码时,不能验证空格;
d、用WPS里面的word或者Execl复制的表格,在编辑器中不显示表格的边框。
2、ueditor:
全部的功能(运用到项目中可能不需要所有的功能):
a、界面相对比较好看,简洁大方。
b、兼容性较好,基本功能可兼容各浏览器。
c、form表单验证可以验证非空,不管是否选择了“html”源码模式。
d、任何word或者execl复制的表格都可以显示表格边框。
e、功能更全面,如图所示。
f、可扩展性强,可以根据配置选择用不能的功能。也可以根据需求下载不同的文件包
部分基本功能:
g、API强大,可以获得html内容、文本内容、纯文本内容以及带格式的内容等
h、接口多,可通过配置文件ueditor.config.js来修改编辑器功能的样式或者大小等,一般不需要修改ueditor.all.js中的源码。
例如:IE6中自定义标题里的字被遮住了一点
修改方法: 直接通过配置文件ueditor.config.js中修改customstyle的相应样式来修改,不需要修改ueditor.all.js中的源码。
三、UEditor如何在项目中调用
1、下载UEditor文件包,解压后放到wabapp/js目录下。
2、将ueditor/jsp中的commons-fileupload-1.2.2.jar和editor.jar加入到java代码的jar包中
3、在layout页面调用UEditor的两个js文件即可,注意调用顺序,配置文件需要在前面。文件路径根据具体的路径进行调用,这里只是一个实例。
如果是开发的时候可以调用uediotr.all.js来查看源文件,但是正式部署的时候可调用ueditor.all.min.js来提交js加载速度,减轻服务器压力。
4、在需要调用UEditor的地方初始化编辑器。
注:dom元素加载后再加载编辑器,可防止编辑器出现某些问题时,页面正常加载显示。
并把js代码放到一起,可加强js代码的阅读性。并建议将js都放到dom元素的下面,页面可相对提前显示。
5、获取UEditor的内容。在form提交的方法里面加入该验证方法,可进行非空验证。
6、运行程序,可看到编辑器效果。
四、UEditor中包含哪些类型的文件
1、基本的js、css、images类型的文件。(静态服务器t-common只能存储这三种类型的文件)
2、html文件:ueditor/dialogs目录下存在html文件
这里的html只是弹出窗页面,其编辑器里面用到了iframe嵌套这些页面。
3、jsp、java和jar文件:ueditor/jsp目录下的jar和java文件。
五、是否用UEditor替换ckeditor
1、ckeditor是否需要替换掉?
各种开源插件,大家可以根据需要选择合适的、更符合项目要求的。这里UEditor可能更具有普遍性、用户体验更友好。
ckeditor也不是不能用,所有问题也不是不能解决,只是考虑到长期维护工作的问题,建议用UEditor。
2、UEditor是否存安全隐患问题?不确定
UEditor中存在html、jsp、java和jar等文件,静态服务器不能存储这类文件。
如果不能修改服务器文件类型限制的配置,可以通过其他方法进行解决。
并且这些文件不知道是否存在一些安全隐患问题,需要进行确认。
结语:以上是我个人对于百度富文本编辑器和ckeditor的理解,跟实际情况可能会存在一些差异。
欢迎大家对以上问题进行指导和纠正,一起研究UEditor和ckeditor的差异和用法。