Xheidtor 在线编辑器

       xheidtor是我见过最好的jquery的在线编辑插件，比起FCKeditor来说他很轻量而且是基于jquery的。我对jquery的感情那是相当深的，因为我是因为jquery来进入了js的世界，所以我非常喜欢jquery！！！

     下面来说这个插件，官方地址为：http://xheditor.com/大家如果想去下载的话，可以去官网看看，下面我来简单说说应用方面的事情，具体的API还有一些小demo大家可以去官网上查看。

     首先由一个js文件：

     还有一个皮肤（css）文件：

 

你可以在你调用xheditor的地方选择你的皮肤。（后面详细介绍）

吧这些文件放到你的项目中去，然后引入到你的文件中，就剩下左后一步。在页面中调用这个在线编辑器。

$('#rptContent').xheditor({tools:'Cut,Copy,Paste,Print,Fullscreen,|,Blocktag,Fontface,FontSize,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,Removeformat,|,Align,List,Outdent,Indent,|,Link,Unlink,Img,Table',skin:'o2007silver',upImgUrl:"",upImgExt:"jpg,jpeg,gif,png",width:560,height:300});

 

其中rptContent为你的textarea控件的名称，你用这个调用xheditor，说明xheditor就显示在这个控件的上面。

tools：为你要选的工具栏，“|”为你的工具的分组

skin：为你选的皮肤

upImgUrl：是你异步上传图片的地址，这个地址如果想传参数的话可以在后面直接写？XXX=XXX这样传参

upImgExt：为限制的类型

上了效果图吧：

这个是xheditor的效果图，大家可以去试试，如果有什么问题可以来这里留言，我会一一解答的！

还有一个问题是异步上传文件返回要求是json，在这里我给大家一个json的格式，省着大家去查资料

上json：

{"err":"","msg":"!图片地址"}

 这个地址有1一个说明，图片地址前面那个“!”表明是否是立即上传，有过没有这个符号则表明是选完地址还要点确定，反之则不用点确定。

上图-----无图无真相