因为工作需要就学习了一下网页编辑器方面的知识,我总结了一下,比较流行的网页编辑器有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:编辑器失去焦点时回调此函数