当前位置: 代码迷 >> Web前端 >> 是不是使用百度富文本编辑器
  详细解决方案

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

热度:377   发布时间:2013-09-17 13:35:59.0
是否使用百度富文本编辑器

一、官网地址

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的差异和用法。
  相关解决方案