xhEditor 编辑器 纪念

http://xheditor.com/demo

<script type="text/javascript">
$(pageInit);
function pageInit(){
var allPlugin={
        Code:{c:'testClassName',t:'分页',h:1,e:function(){
   var _this=this;
   var jTest=$('<div>分页标签</div><div><textarea id="xheTestInput" style="width:100px;height:20px;">[pagebreak]</textarea></div><div style="text-align:right;"><input type="button" id="xheSave" value="确定" /></div>');
   var jTestInput=$('#xheTestInput',jTest),jSave=$('#xheSave',jTest);
   jSave.click(function(){
    _this.loadBookmark();
    _this.pasteText(''+jTestInput.val());
    _this.hidePanel();
    return false; 
   });
   _this.saveBookmark();
   _this.showDialog(jTest);
  }}
    };
var editor=$('#elm2').xheditor({tools:'Blocktag,Fontface,FontSize,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,|,SelectAll,Removeformat,|,Align,|,List,Outdent,Indent,|,Link,Unlink,|,Img,|,Table,Source,Fullscreen,test1,Code,Hr',skin:'vista',upBtnText:' 上传 ',html5Upload:false,upMultiple:'1',upLinkUrl:'file!newupload.action?_charset_=utf-8',upLinkExt:'jpeg,jpg,png,gif',upImgUrl:'file!newupload.action',upImgExt:'jpeg,jpg,png,gif',plugins:allPlugin,cleanPaste:2,forcePtag:true,Pastetext:true,formatXHTML:true});
//页面所有class为elms的全部加装编辑器
$('.elms').xheditor({tools:'Blocktag,Fontface,FontSize,Bold,Italic,Underline,Strikethrough,FontColor,BackColor,|,SelectAll,Removeformat,|,Align,|,List,Outdent,Indent,|,Link,Unlink,|,Img,|,Table,Source,Fullscreen,test1,Code,Hr',skin:'vista',upBtnText:' 上传 ',html5Upload:false,upMultiple:'1',upLinkUrl:'file!goodupload.action?_charset_=utf-8',upLinkExt:'jpeg,jpg,png,gif',upImgUrl:'file!goodupload.action',upImgExt:'jpeg,jpg,png,gif',plugins:allPlugin,cleanPaste:2,forcePtag:true,Pastetext:true,formatXHTML:true});
}

 

一种是直接class  只要引用该class 即可变成编辑框

顶部是分页代码 

<textarea id="summarys${statu.index}"   rows="15" cols="120" name="summarys" class="elms">${summary}</textarea>
         一个页面多个编辑器 推荐引用class 这种方式