因为工作需要就学习了一下网页编辑器方面的知识,我总结了一下,比较流行的网页编辑器有CKeditor或者也可以叫做fckeditor,我也动手做了实际的案例发现可以跑起来,就是那个上传的文件管理感觉不太好,所以看了一下csdn的编辑器用的是xheditor所以就在网上找了一下相关的知识。
http://h5566h.iteye.com/blog/1163726
http://h5566h.iteye.com/blog/1067703
http://gary0416.iteye.com/blog/1112617
http://kfzhex007.iteye.com/blog/766479
1、自定义工具条{tools:'Cut,Copy,Paste,Pastetext,|,FontSize,Fontface,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,|, Link,Unlink,|,Emot,Table,Img,|,SelectAll,Removeformat,|,Align,List,Outdent,Indent,Blocktag'}
2、让“上传”按钮出现在图片,flash,视频中设置一下upImgUrl等相关上传url即可,若要设置扩展名,可以在设置upImgExt,例如:upImgExt:'jpg,jpeg,gif,png'
3、设置上传路径和显示路径在上传的时候,如果是用一些php框架等,可能上传的时候能上传,但是再显示图片或视频的时候,因为路径问题,就会找不到已上传的资源,这是可以这样设置:设置一下根路径:urlBase:'url',其中url不能带有index.php等后缀的文件名。urlBase:'http://aaa.xxx.com';一般的uploads可能会在这个域名下,当然了,要是uploads在其它的路径下,那么要在这里写到uploads的上一级,例如在网站根目录的g/s文件夹下,就这样写了:urlBase:'http://aaa.xxx.com/g/s'可以顺便设置一下url类型,,urlType:'abs',有三个参数:abs(绝对),root(根路径),rel(相对路径)
settings:获取或者修改编辑器内部参数
internalScript:是否清除内部代码
inlineScript:是否清除内联代码
internalStyle:是否清除内部样式
inlineStyle:是否清除内联样式
forcePtag:强制使用P标签
upLinkUrl:超链接上传接口地址
upLinkExt:超链接本地上传扩展限制
upImgUrl:图片上传接口地址
upImgExt:图片本地上传扩展限制
upFlashUrl:动画上传接口地址
upFlashExt:动画本地上传扩展限制
upMediaUrl:视频上传接口地址
upMediaExt:视频本地上传扩展限制
beforeSetSource:在设置源代码到编辑器前调用此函数
beforeGetSource:从编辑器返回源代码前调用此函数
focus:编辑器获得焦点时回调此函数
blur:编辑器失去焦点时回调此函数
分享到:
相关推荐
xheditor-1.1.7 编辑器插件 包含xheditor所含关键文件及jquery,导入web工程即可使用
xhEditor网页编辑器(基于jQuery技术)
xhEditor开源HTML编辑器 xhEditor是一个基于jQuery开发的简单迷你并且高效的可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
xheditor文本编辑器插件制作html编辑器使用代码 xheditor文本编辑器插件制作html编辑器使用代码
xhEditor网页编辑器,基于jQuery技术,兼容IE,Firefox,Opera,Chrome,Safari等主流浏览器。内含多种方式的调用实例,自带有多种风格的编辑器皮肤,可以简单调用、Ajax上传、功能定制、标准调用、Word完美支持等,UBB...
xheditor-1.1.4 在线编辑器 自己感觉很不错!
我已配置好,直接使用就可以了,最好最轻便的编辑器xheditor,支持ajax本地上传文件【上传格式也很方便的自定义】,绝对错不了~~~
相当好用的ajax在线编辑器xheditor,欢迎大家下载。
xheditor 文本编辑器插件.web开发 的文本编辑器。
xhEditor在线编辑器完整实例,可直接运行
添加到MyEclipse中就可以用了,最好把编码改成UTF—8,这个只是初学者学习的文件。
xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................xheditor编辑器.................
xheditor 编辑器
如果想实现更加复杂的交互应用,或者希望xhEditor编辑器能够和自己的Javascript代码实现互相访问,那么你可以选择使用方法2,相对具有更大的自由空间。 xhEditor也提供了即时的卸载编辑器方法: $('#elm1')....
Fckeditor太大,加载很慢。于是xheditor便开始出现在人们的视野里。可能你还不知道xheditor是什么,其实你...目前,创络科技正致力于整合优化后的xheditor到我们的后台系统,使客户可以更加容易、快速的编辑网站内容。
下载最新版本xhEditor:http://xheditor.com/download 将下载的压缩文件解压缩,上传其中的xheditor-zh-cn.min.js以及xheditor_emot、xheditor_...若需要学习更多xhEditor编辑器的使用技术,请参阅:xhEditor进阶使用。
xhEditor是一个基于jQuery开发的简单迷你并且高效的在线可视化HTML编辑器,基于网络访问并且兼容IE 6.0+,Firefox 3.0+,Opera 9.6+,Chrome 1.0+,Safari 3.22+。
基于轻量级的JQuery的xheditor编辑器+jsp实现图上传功能