是否使用百度富文本编辑器

一、官网地址

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的差异和用法。