xheditor自身支持中文,中文繁体,英文。不用自己去改插件了。插件本身不算大,功能齐全。可以加编辑器背景图片,可以用ajax异步上传文件,整合了google map等。还不算太完善,例如:编辑器框设定大小后,不能修。
$(document).ready(function() { //调用插件 $.extend(xheditor.settings,{shortcuts:{'ctrl+enter':submitForm}}); $('#elm5').xheditor({tools:'Cut,Copy,Paste,Pastetext,Blocktag,Fontface,FontSize,Bold,Italic,Underline,FontColor,BackColor,SelectAll,Removeformat,Align,List,Outdent,Indent,Link,Unlink,Anchor,Hr,Source,Preview,Print,Fullscreen'}); //拉申功能 $("#button").bind("click",function(){ height = $("table.xheLayout").css("height"); f_height = $("#xhe0_iframearea").css("height"); new_height = parseInt(height.substring(0,height.length-2))+50; h_iframe = parseInt(f_height.substring(0,f_height.length-2))+50; $("table.xheLayout").css("height",new_height+"px"); $("#xhe0_iframearea").css("height",h_iframe+"px"); }); $("#button1").bind("click",function(){ height = $("table.xheLayout").css("height"); f_height = $("#xhe0_iframearea").css("height"); new_height = parseInt(height.substring(0,height.length-2))-50; h_iframe = parseInt(f_height.substring(0,f_height.length-2))-50; $("table.xheLayout").css("height",new_height+"px"); $("#xhe0_iframearea").css("height",h_iframe+"px"); }); });
demo地址:http://blog.51yip.com/demo/xheditor/
转载请注明
作者:海底苍鹰
地址:http://blog.51yip.com/jsjquery/1428.html