首页
诗词
字典
板报
句子
名言
友答
励志
学校
网站地图
Web前端
Dreamweaver
Fireworks
Flash
ASP
asp.net
PHP
JSP
SEO优化
源码建站
CSS
Web开发
Web前端
JavaScript
vbScript
Ajax
网页设计
跨浏览器开发
高性能WEB开发
Web Service
XML SOAP
当前位置:
首页
>
教程频道
>
网站开发
>
Web前端
>
是不是使用百度富文本编辑器
2013-09-17
是否使用百度富文本编辑器一、官网地址1、ckeditor:http://ckeditor.com/demo 2、UEditor:http://ueditor.bai
是否使用百度富文本编辑器
一、官网地址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的差异和用法。
查看更多
下一篇
本文网址:
https://www.reader8.com/jiaocheng/20130917/1372640.html
读书人精选
热点排行
jquery的after与insertAfter的差异
牛角尖啊牛角尖
weblogic 认证回绝 Authentication for
菜鸟阅读Servlet源码值得注意的地方
[转]Remote Debugging with Eclipse + W
(四)事件处理——(6)给.ready()回调
(四)事件处理——(8)一个简单的风格
元素正中的几种方法
判断iframe是不是加载完毕的方法(兼容i
velocity获取session值并判断是不是成