zoukankan      html  css  js  c++  java
  • 是否使用百度富文本编辑器

    一、官网地址

    1、ckeditor: http://ckeditor.com/demo 

    二、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的差异和用法。
  • 相关阅读:
    Mongoose 校验参数
    meta大全
    go并发之WaitGroup
    用Tasker实现收到Android手机短信自动转发到微信
    不用双卡iPhone,仅需五步,老iOS手机自动给你转发短信
    怎样选择莫代尔秋衣裤
    关于ROS的dst-nat和src-nat的理解,和公司的一个案例以及解决方案
    关于ADSL拨号多拨跟运营商AC服务器之间的关系和一些技巧,群里大神给的经验
    查询网站的dns,get,劫持检测等等
    zabbix自定义key类型之计算(Calculated items) 在流量曲线图里,把各个item的值叠加的方法
  • 原文地址:https://www.cnblogs.com/keanuyaoo/p/3324809.html
Copyright © 2011-2022 走看看