网页编辑器学习之xheditor

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