worldwide open-source software - software:development:web:docs:web:wysiwyg

nicedit_nicedit_js_n

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:56:45 +0000

nicEdit.js

https://js.nicedit.com/nicEdit.js

/* NicEdit — встроенный микро WYSIWYG
 * Авторские права принадлежат Брайану Кирхоффу, 2007-2008 гг.
 *
 * NicEdit распространяется на условиях лицензии MIT.
 * Для получения дополнительной информации посетите http://nicedit.com/
 * Не удаляйте это сообщение об авторских правах
 */
var bkExtend=function(){var A=arguments;if(A.length==1){A=[this,A[0]]}for(var B in A[1]){A[0][B]=A[1][B]}return A[0]};function bkClass(){}bkClass.prototype.construct=function(){};bkClass.extend=function(C){var A=function(){if(arguments[0]!==bkClass){return this.construct.apply(this,arguments)}};var B=new this(bkClass);bkExtend(B,C);A.prototype=B;A.extend=this.extend;return A};var bkElement=bkClass.extend({construct:function(B,A){if(typeof (B)=="string"){B=(A||document).createElement(B)}B=$BK(B);return B},appendTo:function(A){A.appendChild(this);return this},appendBefore:function(A){A.parentNode.insertBefore(this,A);return this},addEvent:function(B,A){bkLib.addEvent(this,B,A);return this},setContent:function(A){this.innerHTML=A;return this},pos:function(){var C=curtop=0;var B=obj=this;if(obj.offsetParent){do{C+=obj.offsetLeft;curtop+=obj.offsetTop}while(obj=obj.offsetParent)}var A=(!window.opera)?parseInt(this.getStyle("border-width")||this.style.border)||0:0;return[C+A,curtop+A+this.offsetHeight]},noSelect:function(){bkLib.noSelect(this);return this},parentTag:function(A){var B=this;do{if(B&&B.nodeName&&B.nodeName.toUpperCase()==A){return B}B=B.parentNode}while(B);return false},hasClass:function(A){return this.className.match(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|$)"))},addClass:function(A){if(!this.hasClass(A)){this.className+=" nicEdit-"+A}return this},removeClass:function(A){if(this.hasClass(A)){this.className=this.className.replace(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|$)")," ")}return this},setStyle:function(A){var B=this.style;for(var C in A){switch(C){case"float":B.cssFloat=B.styleFloat=A[C];break;case"opacity":B.opacity=A[C];B.filter="alpha(opacity="+Math.round(A[C]*100)+")";break;case"className":this.className=A[C];break;default:B[C]=A[C]}}return this},getStyle:function(A,C){var B=(!C)?document.defaultView:C;if(this.nodeType==1){return(B&&B.getComputedStyle)?B.getComputedStyle(this,null).getPropertyValue(A):this.currentStyle[bkLib.camelize(A)]}},remove:function(){this.parentNode.removeChild(this);return this},setAttributes:function(A){for(var B in A){this[B]=A[B]}return this}});var bkLib={isMSIE:(navigator.appVersion.indexOf("MSIE")!=-1),addEvent:function(C,B,A){(C.addEventListener)?C.addEventListener(B,A,false):C.attachEvent("on"+B,A)},toArray:function(C){var B=C.length,A=new Array(B);while(B--){A[B]=C[B]}return A},noSelect:function(B){if(B.setAttribute&&B.nodeName.toLowerCase()!="input"&&B.nodeName.toLowerCase()!="textarea"){B.setAttribute("unselectable","on")}for(var A=0;A<B.childNodes.length;A++){bkLib.noSelect(B.childNodes[A])}},camelize:function(A){return A.replace(/\-(.)/g,function(B,C){return C.toUpperCase()})},inArray:function(A,B){return(bkLib.search(A,B)!=null)},search:function(A,C){for(var B=0;B<A.length;B++){if(A[B]==C){return B}}return null},cancelEvent:function(A){A=A||window.event;if(A.preventDefault&&A.stopPropagation){A.preventDefault();A.stopPropagation()}return false},domLoad:[],domLoaded:function(){if(arguments.callee.done){return }arguments.callee.done=true;for(i=0;i<bkLib.domLoad.length;i++){bkLib.domLoad[i]()}},onDomLoaded:function(A){this.domLoad.push(A);if(document.addEventListener){document.addEventListener("DOMContentLoaded",bkLib.domLoaded,null)}else{if(bkLib.isMSIE){document.write("<style>.nicEdit-main p { margin: 0; }</style><script id=__ie_onload defer "+((location.protocol=="https:")?"src='javascript:void(0)'":"src=//0")+"><\/script>");$BK("__ie_onload").onreadystatechange=function(){if(this.readyState=="complete"){bkLib.domLoaded()}}}}window.onload=bkLib.domLoaded}};function $BK(A){if(typeof (A)=="string"){A=document.getElementById(A)}return(A&&!A.appendTo)?bkExtend(A,bkElement.prototype):A}var bkEvent={addEvent:function(A,B){if(B){this.eventList=this.eventList||{};this.eventList[A]=this.eventList[A]||[];this.eventList[A].push(B)}return this},fireEvent:function(){var A=bkLib.toArray(arguments),C=A.shift();if(this.eventList&&this.eventList[C]){for(var B=0;B<this.eventList[C].length;B++){this.eventList[C][B].apply(this,A)}}}};function __(A){return A}Function.prototype.closure=function(){var A=this,B=bkLib.toArray(arguments),C=B.shift();return function(){if(typeof (bkLib)!="undefined"){return A.apply(C,B.concat(bkLib.toArray(arguments)))}}};Function.prototype.closureListener=function(){var A=this,C=bkLib.toArray(arguments),B=C.shift();return function(E){E=E||window.event;if(E.target){var D=E.target}else{var D=E.srcElement}return A.apply(B,[E,D].concat(C))}};
 
 
 
var nicEditorConfig = bkClass.extend({
	buttons : {
		'bold' : {name : __('Click to Bold'), command : 'Bold', tags : ['B','STRONG'], css : {'font-weight' : 'bold'}, key : 'b'},
		'italic' : {name : __('Click to Italic'), command : 'Italic', tags : ['EM','I'], css : {'font-style' : 'italic'}, key : 'i'},
		'underline' : {name : __('Click to Underline'), command : 'Underline', tags : ['U'], css : {'text-decoration' : 'underline'}, key : 'u'},
		'left' : {name : __('Left Align'), command : 'justifyleft', noActive : true},
		'center' : {name : __('Center Align'), command : 'justifycenter', noActive : true},
		'right' : {name : __('Right Align'), command : 'justifyright', noActive : true},
		'justify' : {name : __('Justify Align'), command : 'justifyfull', noActive : true},
		'ol' : {name : __('Insert Ordered List'), command : 'insertorderedlist', tags : ['OL']},
		'ul' : 	{name : __('Insert Unordered List'), command : 'insertunorderedlist', tags : ['UL']},
		'subscript' : {name : __('Click to Subscript'), command : 'subscript', tags : ['SUB']},
		'superscript' : {name : __('Click to Superscript'), command : 'superscript', tags : ['SUP']},
		'strikethrough' : {name : __('Click to Strike Through'), command : 'strikeThrough', css : {'text-decoration' : 'line-through'}},
		'removeformat' : {name : __('Remove Formatting'), command : 'removeformat', noActive : true},
		'indent' : {name : __('Indent Text'), command : 'indent', noActive : true},
		'outdent' : {name : __('Remove Indent'), command : 'outdent', noActive : true},
		'hr' : {name : __('Horizontal Rule'), command : 'insertHorizontalRule', noActive : true}
	},
	iconsPath : 'http://js.nicedit.com/nicEditIcons-latest.gif',
	buttonList : ['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamily','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','bgcolor'],
	iconList : {"xhtml":1,"bgcolor":2,"forecolor":3,"bold":4,"center":5,"hr":6,"indent":7,"italic":8,"justify":9,"left":10,"ol":11,"outdent":12,"removeformat":13,"right":14,"save":25,"strikethrough":16,"subscript":17,"superscript":18,"ul":19,"underline":20,"image":21,"link":22,"unlink":23,"close":24,"arrow":26,"upload":27}
 
});
;
var nicEditors={nicPlugins:[],editors:[],registerPlugin:function(B,A){this.nicPlugins.push({p:B,o:A})},allTextAreas:function(C){var A=document.getElementsByTagName("textarea");for(var B=0;B<A.length;B++){nicEditors.editors.push(new nicEditor(C).panelInstance(A[B]))}return nicEditors.editors},findEditor:function(C){var B=nicEditors.editors;for(var A=0;A<B.length;A++){if(B[A].instanceById(C)){return B[A].instanceById(C)}}}};var nicEditor=bkClass.extend({construct:function(C){this.options=new nicEditorConfig();bkExtend(this.options,C);this.nicInstances=new Array();this.loadedPlugins=new Array();var A=nicEditors.nicPlugins;for(var B=0;B<A.length;B++){this.loadedPlugins.push(new A[B].p(this,A[B].o))}nicEditors.editors.push(this);bkLib.addEvent(document.body,"mousedown",this.selectCheck.closureListener(this))},panelInstance:function(B,C){B=this.checkReplace($BK(B));var A=new bkElement("DIV").setStyle({width:(parseInt(B.getStyle("width"))||B.clientWidth)+"px"}).appendBefore(B);this.setPanel(A);return this.addInstance(B,C)},checkReplace:function(B){var A=nicEditors.findEditor(B);if(A){A.removeInstance(B);A.removePanel()}return B},addInstance:function(B,C){B=this.checkReplace($BK(B));if(B.contentEditable||!!window.opera){var A=new nicEditorInstance(B,C,this)}else{var A=new nicEditorIFrameInstance(B,C,this)}this.nicInstances.push(A);return this},removeInstance:function(C){C=$BK(C);var B=this.nicInstances;for(var A=0;A<B.length;A++){if(B[A].e==C){B[A].remove();this.nicInstances.splice(A,1)}}},removePanel:function(A){if(this.nicPanel){this.nicPanel.remove();this.nicPanel=null}},instanceById:function(C){C=$BK(C);var B=this.nicInstances;for(var A=0;A<B.length;A++){if(B[A].e==C){return B[A]}}},setPanel:function(A){this.nicPanel=new nicEditorPanel($BK(A),this.options,this);this.fireEvent("panel",this.nicPanel);return this},nicCommand:function(B,A){if(this.selectedInstance){this.selectedInstance.nicCommand(B,A)}},getIcon:function(D,A){var C=this.options.iconList[D];var B=(A.iconFiles)?A.iconFiles[D]:"";return{backgroundImage:"url('"+((C)?this.options.iconsPath:B)+"')",backgroundPosition:((C)?((C-1)*-18):0)+"px 0px"}},selectCheck:function(C,A){var B=false;do{if(A.className&&A.className.indexOf("nicEdit")!=-1){return false}}while(A=A.parentNode);this.fireEvent("blur",this.selectedInstance,A);this.lastSelectedInstance=this.selectedInstance;this.selectedInstance=null;return false}});nicEditor=nicEditor.extend(bkEvent);
var nicEditorInstance=bkClass.extend({isSelected:false,construct:function(G,D,C){this.ne=C;this.elm=this.e=G;this.options=D||{};newX=parseInt(G.getStyle("width"))||G.clientWidth;newY=parseInt(G.getStyle("height"))||G.clientHeight;this.initialHeight=newY-8;var H=(G.nodeName.toLowerCase()=="textarea");if(H||this.options.hasPanel){var B=(bkLib.isMSIE&&!((typeof document.body.style.maxHeight!="undefined")&&document.compatMode=="CSS1Compat"));var E={width:newX+"px",border:"1px solid #ccc",borderTop:0,overflowY:"auto",overflowX:"hidden"};E[(B)?"height":"maxHeight"]=(this.ne.options.maxHeight)?this.ne.options.maxHeight+"px":null;this.editorContain=new bkElement("DIV").setStyle(E).appendBefore(G);var A=new bkElement("DIV").setStyle({width:(newX-8)+"px",margin:"4px",minHeight:newY+"px"}).addClass("main").appendTo(this.editorContain);G.setStyle({display:"none"});A.innerHTML=G.innerHTML;if(H){A.setContent(G.value);this.copyElm=G;var F=G.parentTag("FORM");if(F){bkLib.addEvent(F,"submit",this.saveContent.closure(this))}}A.setStyle((B)?{height:newY+"px"}:{overflow:"hidden"});this.elm=A}this.ne.addEvent("blur",this.blur.closure(this));this.init();this.blur()},init:function(){this.elm.setAttribute("contentEditable","true");if(this.getContent()==""){this.setContent("<br />")}this.instanceDoc=document.defaultView;this.elm.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keypress",this.keyDown.closureListener(this)).addEvent("focus",this.selected.closure(this)).addEvent("blur",this.blur.closure(this)).addEvent("keyup",this.selected.closure(this));this.ne.fireEvent("add",this)},remove:function(){this.saveContent();if(this.copyElm||this.options.hasPanel){this.editorContain.remove();this.e.setStyle({display:"block"});this.ne.removePanel()}this.disable();this.ne.fireEvent("remove",this)},disable:function(){this.elm.setAttribute("contentEditable","false")},getSel:function(){return(window.getSelection)?window.getSelection():document.selection},getRng:function(){var A=this.getSel();if(!A||A.rangeCount===0){return }return(A.rangeCount>0)?A.getRangeAt(0):A.createRange()},selRng:function(A,B){if(window.getSelection){B.removeAllRanges();B.addRange(A)}else{A.select()}},selElm:function(){var C=this.getRng();if(!C){return }if(C.startContainer){var D=C.startContainer;if(C.cloneContents().childNodes.length==1){for(var B=0;B<D.childNodes.length;B++){var A=D.childNodes[B].ownerDocument.createRange();A.selectNode(D.childNodes[B]);if(C.compareBoundaryPoints(Range.START_TO_START,A)!=1&&C.compareBoundaryPoints(Range.END_TO_END,A)!=-1){return $BK(D.childNodes[B])}}}return $BK(D)}else{return $BK((this.getSel().type=="Control")?C.item(0):C.parentElement())}},saveRng:function(){this.savedRange=this.getRng();this.savedSel=this.getSel()},restoreRng:function(){if(this.savedRange){this.selRng(this.savedRange,this.savedSel)}},keyDown:function(B,A){if(B.ctrlKey){this.ne.fireEvent("key",this,B)}},selected:function(C,A){if(!A&&!(A=this.selElm)){A=this.selElm()}if(!C.ctrlKey){var B=this.ne.selectedInstance;if(B!=this){if(B){this.ne.fireEvent("blur",B,A)}this.ne.selectedInstance=this;this.ne.fireEvent("focus",B,A)}this.ne.fireEvent("selected",B,A);this.isFocused=true;this.elm.addClass("selected")}return false},blur:function(){this.isFocused=false;this.elm.removeClass("selected")},saveContent:function(){if(this.copyElm||this.options.hasPanel){this.ne.fireEvent("save",this);(this.copyElm)?this.copyElm.value=this.getContent():this.e.innerHTML=this.getContent()}},getElm:function(){return this.elm},getContent:function(){this.content=this.getElm().innerHTML;this.ne.fireEvent("get",this);return this.content},setContent:function(A){this.content=A;this.ne.fireEvent("set",this);this.elm.innerHTML=this.content},nicCommand:function(B,A){document.execCommand(B,false,A)}});
var nicEditorIFrameInstance=nicEditorInstance.extend({savedStyles:[],init:function(){var B=this.elm.innerHTML.replace(/^\s+|\s+$/g,"");this.elm.innerHTML="";(!B)?B="<br />":B;this.initialContent=B;this.elmFrame=new bkElement("iframe").setAttributes({src:"javascript:;",frameBorder:0,allowTransparency:"true",scrolling:"no"}).setStyle({height:"100px",width:"100%"}).addClass("frame").appendTo(this.elm);if(this.copyElm){this.elmFrame.setStyle({width:(this.elm.offsetWidth-4)+"px"})}var A=["font-size","font-family","font-weight","color"];for(itm in A){this.savedStyles[bkLib.camelize(itm)]=this.elm.getStyle(itm)}setTimeout(this.initFrame.closure(this),50)},disable:function(){this.elm.innerHTML=this.getContent()},initFrame:function(){var B=$BK(this.elmFrame.contentWindow.document);B.designMode="on";B.open();var A=this.ne.options.externalCSS;B.write("<html><head>"+((A)?'<link href="'+A+'" rel="stylesheet" type="text/css" />':"")+'</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">'+this.initialContent+"</body></html>");B.close();this.frameDoc=B;this.frameWin=$BK(this.elmFrame.contentWindow);this.frameContent=$BK(this.frameWin.document.body).setStyle(this.savedStyles);this.instanceDoc=this.frameWin.document.defaultView;this.heightUpdate();this.frameDoc.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keyup",this.heightUpdate.closureListener(this)).addEvent("keydown",this.keyDown.closureListener(this)).addEvent("keyup",this.selected.closure(this));this.ne.fireEvent("add",this)},getElm:function(){return this.frameContent},setContent:function(A){this.content=A;this.ne.fireEvent("set",this);this.frameContent.innerHTML=this.content;this.heightUpdate()},getSel:function(){return(this.frameWin)?this.frameWin.getSelection():this.frameDoc.selection},heightUpdate:function(){this.elmFrame.style.height=Math.max(this.frameContent.offsetHeight,this.initialHeight)+"px"},nicCommand:function(B,A){this.frameDoc.execCommand(B,false,A);setTimeout(this.heightUpdate.closure(this),100)}});
var nicEditorPanel=bkClass.extend({construct:function(E,B,A){this.elm=E;this.options=B;this.ne=A;this.panelButtons=new Array();this.buttonList=bkExtend([],this.ne.options.buttonList);this.panelContain=new bkElement("DIV").setStyle({overflow:"hidden",width:"100%",border:"1px solid #cccccc",backgroundColor:"#efefef"}).addClass("panelContain");this.panelElm=new bkElement("DIV").setStyle({margin:"2px",marginTop:"0px",zoom:1,overflow:"hidden"}).addClass("panel").appendTo(this.panelContain);this.panelContain.appendTo(E);var C=this.ne.options;var D=C.buttons;for(button in D){this.addButton(button,C,true)}this.reorder();E.noSelect()},addButton:function(buttonName,options,noOrder){var button=options.buttons[buttonName];var type=(button.type)?eval("(typeof("+button.type+') == "undefined") ? null : '+button.type+";"):nicEditorButton;var hasButton=bkLib.inArray(this.buttonList,buttonName);if(type&&(hasButton||this.ne.options.fullPanel)){this.panelButtons.push(new type(this.panelElm,buttonName,options,this.ne));if(!hasButton){this.buttonList.push(buttonName)}}},findButton:function(B){for(var A=0;A<this.panelButtons.length;A++){if(this.panelButtons[A].name==B){return this.panelButtons[A]}}},reorder:function(){var C=this.buttonList;for(var B=0;B<C.length;B++){var A=this.findButton(C[B]);if(A){this.panelElm.appendChild(A.margin)}}},remove:function(){this.elm.remove()}});
var nicEditorButton=bkClass.extend({construct:function(D,A,C,B){this.options=C.buttons[A];this.name=A;this.ne=B;this.elm=D;this.margin=new bkElement("DIV").setStyle({"float":"left",marginTop:"2px"}).appendTo(D);this.contain=new bkElement("DIV").setStyle({width:"20px",height:"20px"}).addClass("buttonContain").appendTo(this.margin);this.border=new bkElement("DIV").setStyle({backgroundColor:"#efefef",border:"1px solid #efefef"}).appendTo(this.contain);this.button=new bkElement("DIV").setStyle({width:"18px",height:"18px",overflow:"hidden",zoom:1,cursor:"pointer"}).addClass("button").setStyle(this.ne.getIcon(A,C)).appendTo(this.border);this.button.addEvent("mouseover",this.hoverOn.closure(this)).addEvent("mouseout",this.hoverOff.closure(this)).addEvent("mousedown",this.mouseClick.closure(this)).noSelect();if(!window.opera){this.button.onmousedown=this.button.onclick=bkLib.cancelEvent}B.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this)).addEvent("key",this.key.closure(this));this.disable();this.init()},init:function(){},hide:function(){this.contain.setStyle({display:"none"})},updateState:function(){if(this.isDisabled){this.setBg()}else{if(this.isHover){this.setBg("hover")}else{if(this.isActive){this.setBg("active")}else{this.setBg()}}}},setBg:function(A){switch(A){case"hover":var B={border:"1px solid #666",backgroundColor:"#ddd"};break;case"active":var B={border:"1px solid #666",backgroundColor:"#ccc"};break;default:var B={border:"1px solid #efefef",backgroundColor:"#efefef"}}this.border.setStyle(B).addClass("button-"+A)},checkNodes:function(A){var B=A;do{if(this.options.tags&&bkLib.inArray(this.options.tags,B.nodeName)){this.activate();return true}}while(B=B.parentNode&&B.className!="nicEdit");B=$BK(A);while(B.nodeType==3){B=$BK(B.parentNode)}if(this.options.css){for(itm in this.options.css){if(B.getStyle(itm,this.ne.selectedInstance.instanceDoc)==this.options.css[itm]){this.activate();return true}}}this.deactivate();return false},activate:function(){if(!this.isDisabled){this.isActive=true;this.updateState();this.ne.fireEvent("buttonActivate",this)}},deactivate:function(){this.isActive=false;this.updateState();if(!this.isDisabled){this.ne.fireEvent("buttonDeactivate",this)}},enable:function(A,B){this.isDisabled=false;this.contain.setStyle({opacity:1}).addClass("buttonEnabled");this.updateState();this.checkNodes(B)},disable:function(A,B){this.isDisabled=true;this.contain.setStyle({opacity:0.6}).removeClass("buttonEnabled");this.updateState()},toggleActive:function(){(this.isActive)?this.deactivate():this.activate()},hoverOn:function(){if(!this.isDisabled){this.isHover=true;this.updateState();this.ne.fireEvent("buttonOver",this)}},hoverOff:function(){this.isHover=false;this.updateState();this.ne.fireEvent("buttonOut",this)},mouseClick:function(){if(this.options.command){this.ne.nicCommand(this.options.command,this.options.commandArgs);if(!this.options.noActive){this.toggleActive()}}this.ne.fireEvent("buttonClick",this)},key:function(A,B){if(this.options.key&&B.ctrlKey&&String.fromCharCode(B.keyCode||B.charCode).toLowerCase()==this.options.key){this.mouseClick();if(B.preventDefault){B.preventDefault()}}}});
var nicPlugin=bkClass.extend({construct:function(B,A){this.options=A;this.ne=B;this.ne.addEvent("panel",this.loadPanel.closure(this));this.init()},loadPanel:function(C){var B=this.options.buttons;for(var A in B){C.addButton(A,this.options)}C.reorder()},init:function(){}});
 
 
var nicPaneOptions = { };
 
var nicEditorPane=bkClass.extend({construct:function(D,C,B,A){this.ne=C;this.elm=D;this.pos=D.pos();this.contain=new bkElement("div").setStyle({zIndex:"99999",overflow:"hidden",position:"absolute",left:this.pos[0]+"px",top:this.pos[1]+"px"});this.pane=new bkElement("div").setStyle({fontSize:"12px",border:"1px solid #ccc",overflow:"hidden",padding:"4px",textAlign:"left",backgroundColor:"#ffffc9"}).addClass("pane").setStyle(B).appendTo(this.contain);if(A&&!A.options.noClose){this.close=new bkElement("div").setStyle({"float":"right",height:"16px",width:"16px",cursor:"pointer"}).setStyle(this.ne.getIcon("close",nicPaneOptions)).addEvent("mousedown",A.removePane.closure(this)).appendTo(this.pane)}this.contain.noSelect().appendTo(document.body);this.position();this.init()},init:function(){},position:function(){if(this.ne.nicPanel){var B=this.ne.nicPanel.elm;var A=B.pos();var C=A[0]+parseInt(B.getStyle("width"))-(parseInt(this.pane.getStyle("width"))+8);if(C<this.pos[0]){this.contain.setStyle({left:C+"px"})}}},toggle:function(){this.isVisible=!this.isVisible;this.contain.setStyle({display:((this.isVisible)?"block":"none")})},remove:function(){if(this.contain){this.contain.remove();this.contain=null}},append:function(A){A.appendTo(this.pane)},setContent:function(A){this.pane.setContent(A)}});
 
 
var nicSelectOptions = {
	buttons : {
		'fontSize' : {name : __('Select Font Size'), type : 'nicEditorFontSizeSelect', command : 'fontsize'},
		'fontFamily' : {name : __('Select Font Family'), type : 'nicEditorFontFamilySelect', command : 'fontname'},
		'fontFormat' : {name : __('Select Font Format'), type : 'nicEditorFontFormatSelect', command : 'formatBlock'}
	}
};
 
var nicEditorSelect=bkClass.extend({construct:function(D,A,C,B){this.options=C.buttons[A];this.elm=D;this.ne=B;this.name=A;this.selOptions=new Array();this.margin=new bkElement("div").setStyle({"float":"left",margin:"2px 1px 0 1px"}).appendTo(this.elm);this.contain=new bkElement("div").setStyle({width:"90px",height:"20px",cursor:"pointer",overflow:"hidden"}).addClass("selectContain").addEvent("click",this.toggle.closure(this)).appendTo(this.margin);this.items=new bkElement("div").setStyle({overflow:"hidden",zoom:1,border:"1px solid #ccc",paddingLeft:"3px",backgroundColor:"#fff"}).appendTo(this.contain);this.control=new bkElement("div").setStyle({overflow:"hidden","float":"right",height:"18px",width:"16px"}).addClass("selectControl").setStyle(this.ne.getIcon("arrow",C)).appendTo(this.items);this.txt=new bkElement("div").setStyle({overflow:"hidden","float":"left",width:"66px",height:"14px",marginTop:"1px",fontFamily:"sans-serif",textAlign:"center",fontSize:"12px"}).addClass("selectTxt").appendTo(this.items);if(!window.opera){this.contain.onmousedown=this.control.onmousedown=this.txt.onmousedown=bkLib.cancelEvent}this.margin.noSelect();this.ne.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this));this.disable();this.init()},disable:function(){this.isDisabled=true;this.close();this.contain.setStyle({opacity:0.6})},enable:function(A){this.isDisabled=false;this.close();this.contain.setStyle({opacity:1})},setDisplay:function(A){this.txt.setContent(A)},toggle:function(){if(!this.isDisabled){(this.pane)?this.close():this.open()}},open:function(){this.pane=new nicEditorPane(this.items,this.ne,{width:"88px",padding:"0px",borderTop:0,borderLeft:"1px solid #ccc",borderRight:"1px solid #ccc",borderBottom:"0px",backgroundColor:"#fff"});for(var C=0;C<this.selOptions.length;C++){var B=this.selOptions[C];var A=new bkElement("div").setStyle({overflow:"hidden",borderBottom:"1px solid #ccc",width:"88px",textAlign:"left",overflow:"hidden",cursor:"pointer"});var D=new bkElement("div").setStyle({padding:"0px 4px"}).setContent(B[1]).appendTo(A).noSelect();D.addEvent("click",this.update.closure(this,B[0])).addEvent("mouseover",this.over.closure(this,D)).addEvent("mouseout",this.out.closure(this,D)).setAttributes("id",B[0]);this.pane.append(A);if(!window.opera){D.onmousedown=bkLib.cancelEvent}}},close:function(){if(this.pane){this.pane=this.pane.remove()}},over:function(A){A.setStyle({backgroundColor:"#ccc"})},out:function(A){A.setStyle({backgroundColor:"#fff"})},add:function(B,A){this.selOptions.push(new Array(B,A))},update:function(A){this.ne.nicCommand(this.options.command,A);this.close()}});var nicEditorFontSizeSelect=nicEditorSelect.extend({sel:{1:"1&nbsp;(8pt)",2:"2&nbsp;(10pt)",3:"3&nbsp;(12pt)",4:"4&nbsp;(14pt)",5:"5&nbsp;(18pt)",6:"6&nbsp;(24pt)"},init:function(){this.setDisplay("Font&nbsp;Size...");for(itm in this.sel){this.add(itm,'<font size="'+itm+'">'+this.sel[itm]+"</font>")}}});var nicEditorFontFamilySelect=nicEditorSelect.extend({sel:{arial:"Arial","comic sans ms":"Comic Sans","courier new":"Courier New",georgia:"Georgia",helvetica:"Helvetica",impact:"Impact","times new roman":"Times","trebuchet ms":"Trebuchet",verdana:"Verdana"},init:function(){this.setDisplay("Font&nbsp;Family...");for(itm in this.sel){this.add(itm,'<font face="'+itm+'">'+this.sel[itm]+"</font>")}}});var nicEditorFontFormatSelect=nicEditorSelect.extend({sel:{p:"Paragraph",pre:"Pre",h6:"Heading&nbsp;6",h5:"Heading&nbsp;5",h4:"Heading&nbsp;4",h3:"Heading&nbsp;3",h2:"Heading&nbsp;2",h1:"Heading&nbsp;1"},init:function(){this.setDisplay("Font&nbsp;Format...");for(itm in this.sel){var A=itm.toUpperCase();this.add("<"+A+">","<"+itm+' style="padding: 0px; margin: 0px;">'+this.sel[itm]+"</"+A+">")}}});nicEditors.registerPlugin(nicPlugin,nicSelectOptions);
 
var nicButtonTips=bkClass.extend({construct:function(A){this.ne=A;A.addEvent("buttonOver",this.show.closure(this)).addEvent("buttonOut",this.hide.closure(this))},show:function(A){this.timer=setTimeout(this.create.closure(this,A),400)},create:function(A){this.timer=null;if(!this.pane){this.pane=new nicEditorPane(A.button,this.ne,{fontSize:"12px",marginTop:"5px"});this.pane.setContent(A.options.name)}},hide:function(A){if(this.timer){clearTimeout(this.timer)}if(this.pane){this.pane=this.pane.remove()}}});nicEditors.registerPlugin(nicButtonTips);
 
var nicEditorAdvancedButton=nicEditorButton.extend({init:function(){this.ne.addEvent("selected",this.removePane.closure(this)).addEvent("blur",this.removePane.closure(this))},mouseClick:function(){if(!this.isDisabled){if(this.pane&&this.pane.pane){this.removePane()}else{this.pane=new nicEditorPane(this.contain,this.ne,{width:(this.width||"270px"),backgroundColor:"#fff"},this);this.addPane();this.ne.selectedInstance.saveRng()}}},addForm:function(C,G){this.form=new bkElement("form").addEvent("submit",this.submit.closureListener(this));this.pane.append(this.form);this.inputs={};for(itm in C){var D=C[itm];var F="";if(G){F=G.getAttribute(itm)}if(!F){F=D.value||""}var A=C[itm].type;if(A=="title"){new bkElement("div").setContent(D.txt).setStyle({fontSize:"14px",fontWeight:"bold",padding:"0px",margin:"2px 0"}).appendTo(this.form)}else{var B=new bkElement("div").setStyle({overflow:"hidden",clear:"both"}).appendTo(this.form);if(D.txt){new bkElement("label").setAttributes({"for":itm}).setContent(D.txt).setStyle({margin:"2px 4px",fontSize:"13px",width:"50px",lineHeight:"20px",textAlign:"right","float":"left"}).appendTo(B)}switch(A){case"text":this.inputs[itm]=new bkElement("input").setAttributes({id:itm,value:F,type:"text"}).setStyle({margin:"2px 0",fontSize:"13px","float":"left",height:"20px",border:"1px solid #ccc",overflow:"hidden"}).setStyle(D.style).appendTo(B);break;case"select":this.inputs[itm]=new bkElement("select").setAttributes({id:itm}).setStyle({border:"1px solid #ccc","float":"left",margin:"2px 0"}).appendTo(B);for(opt in D.options){var E=new bkElement("option").setAttributes({value:opt,selected:(opt==F)?"selected":""}).setContent(D.options[opt]).appendTo(this.inputs[itm])}break;case"content":this.inputs[itm]=new bkElement("textarea").setAttributes({id:itm}).setStyle({border:"1px solid #ccc","float":"left"}).setStyle(D.style).appendTo(B);this.inputs[itm].value=F}}}new bkElement("input").setAttributes({type:"submit"}).setStyle({backgroundColor:"#efefef",border:"1px solid #ccc",margin:"3px 0","float":"left",clear:"both"}).appendTo(this.form);this.form.onsubmit=bkLib.cancelEvent},submit:function(){},findElm:function(B,A,E){var D=this.ne.selectedInstance.getElm().getElementsByTagName(B);for(var C=0;C<D.length;C++){if(D[C].getAttribute(A)==E){return $BK(D[C])}}},removePane:function(){if(this.pane){this.pane.remove();this.pane=null;this.ne.selectedInstance.restoreRng()}}});
 
 
var nicLinkOptions = {
	buttons : {
		'link' : {name : 'Add Link', type : 'nicLinkButton', tags : ['A']},
		'unlink' : {name : 'Remove Link',  command : 'unlink', noActive : true}
	}
};
 
var nicLinkButton=nicEditorAdvancedButton.extend({addPane:function(){this.ln=this.ne.selectedInstance.selElm().parentTag("A");this.addForm({"":{type:"title",txt:"Add/Edit Link"},href:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},title:{type:"text",txt:"Title"},target:{type:"select",txt:"Open In",options:{"":"Current Window",_blank:"New Window"},style:{width:"100px"}}},this.ln)},submit:function(C){var A=this.inputs.href.value;if(A=="http://"||A==""){alert("You must enter a URL to Create a Link");return false}this.removePane();if(!this.ln){var B="javascript:nicTemp();";this.ne.nicCommand("createlink",B);this.ln=this.findElm("A","href",B)}if(this.ln){this.ln.setAttributes({href:this.inputs.href.value,title:this.inputs.title.value,target:this.inputs.target.options[this.inputs.target.selectedIndex].value})}}});nicEditors.registerPlugin(nicPlugin,nicLinkOptions);
 
 
var nicColorOptions = {
	buttons : {
		'forecolor' : {name : __('Change Text Color'), type : 'nicEditorColorButton', noClose : true},
		'bgcolor' : {name : __('Change Background Color'), type : 'nicEditorBgColorButton', noClose : true}
	}
};
 
var nicEditorColorButton=nicEditorAdvancedButton.extend({addPane:function(){var D={0:"00",1:"33",2:"66",3:"99",4:"CC",5:"FF"};var H=new bkElement("DIV").setStyle({width:"270px"});for(var A in D){for(var F in D){for(var E in D){var I="#"+D[A]+D[E]+D[F];var C=new bkElement("DIV").setStyle({cursor:"pointer",height:"15px","float":"left"}).appendTo(H);var G=new bkElement("DIV").setStyle({border:"2px solid "+I}).appendTo(C);var B=new bkElement("DIV").setStyle({backgroundColor:I,overflow:"hidden",width:"11px",height:"11px"}).addEvent("click",this.colorSelect.closure(this,I)).addEvent("mouseover",this.on.closure(this,G)).addEvent("mouseout",this.off.closure(this,G,I)).appendTo(G);if(!window.opera){C.onmousedown=B.onmousedown=bkLib.cancelEvent}}}}this.pane.append(H.noSelect())},colorSelect:function(A){this.ne.nicCommand("foreColor",A);this.removePane()},on:function(A){A.setStyle({border:"2px solid #000"})},off:function(A,B){A.setStyle({border:"2px solid "+B})}});var nicEditorBgColorButton=nicEditorColorButton.extend({colorSelect:function(A){this.ne.nicCommand("hiliteColor",A);this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicColorOptions);
 
 
var nicImageOptions = {
	buttons : {
		'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']}
	}
 
};
 
var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{none:"Default",left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="http://"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}if(this.im){this.im.setAttributes({src:this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);
 
 
var nicSaveOptions = {
	buttons : {
		'save' : {name : __('Save this content'), type : 'nicEditorSaveButton'}
	}
};
 
var nicEditorSaveButton=nicEditorButton.extend({init:function(){if(!this.ne.options.onSave){this.margin.setStyle({display:"none"})}},mouseClick:function(){var B=this.ne.options.onSave;var A=this.ne.selectedInstance;B(A.getContent(),A.elm.id,A)}});nicEditors.registerPlugin(nicPlugin,nicSaveOptions);
 
var nicXHTML=bkClass.extend({stripAttributes:["_moz_dirty","_moz_resizing","_extended"],noShort:["style","title","script","textarea","a"],cssReplace:{"font-weight:bold;":"strong","font-style:italic;":"em"},sizes:{1:"xx-small",2:"x-small",3:"small",4:"medium",5:"large",6:"x-large"},construct:function(A){this.ne=A;if(this.ne.options.xhtml){A.addEvent("get",this.cleanup.closure(this))}},cleanup:function(A){var B=A.getElm();var C=this.toXHTML(B);A.content=C},toXHTML:function(C,A,L){var G="";var O="";var P="";var I=C.nodeType;var Q=C.nodeName.toLowerCase();var N=C.hasChildNodes&&C.hasChildNodes();var B=new Array();switch(I){case 1:var H=C.attributes;switch(Q){case"b":Q="strong";break;case"i":Q="em";break;case"font":Q="span";break}if(A){for(var F=0;F<H.length;F++){var K=H[F];var M=K.nodeName.toLowerCase();var D=K.nodeValue;if(!K.specified||!D||bkLib.inArray(this.stripAttributes,M)||typeof (D)=="function"){continue}switch(M){case"style":var J=D.replace(/ /g,"");for(itm in this.cssReplace){if(J.indexOf(itm)!=-1){B.push(this.cssReplace[itm]);J=J.replace(itm,"")}}P+=J;D="";break;case"class":D=D.replace("Apple-style-span","");break;case"size":P+="font-size:"+this.sizes[D]+";";D="";break}if(D){O+=" "+M+'="'+D+'"'}}if(P){O+=' style="'+P+'"'}for(var F=0;F<B.length;F++){G+="<"+B[F]+">"}if(O==""&&Q=="span"){A=false}if(A){G+="<"+Q;if(Q!="br"){G+=O}}}if(!N&&!bkLib.inArray(this.noShort,M)){if(A){G+=" />"}}else{if(A){G+=">"}for(var F=0;F<C.childNodes.length;F++){var E=this.toXHTML(C.childNodes[F],true,true);if(E){G+=E}}}if(A&&N){G+="</"+Q+">"}for(var F=0;F<B.length;F++){G+="</"+B[F]+">"}break;case 3:G+=C.nodeValue;break}return G}});nicEditors.registerPlugin(nicXHTML);
 
 
var nicCodeOptions = {
	buttons : {
		'xhtml' : {name : 'Edit HTML', type : 'nicCodeButton'}
	}
 
};
 
var nicCodeButton=nicEditorAdvancedButton.extend({width:"350px",addPane:function(){this.addForm({"":{type:"title",txt:"Edit HTML"},code:{type:"content",value:this.ne.selectedInstance.getContent(),style:{width:"340px",height:"200px"}}})},submit:function(B){var A=this.inputs.code.value;this.ne.selectedInstance.setContent(A);this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicCodeOptions);
 
var nicBBCode=bkClass.extend({construct:function(A){this.ne=A;if(this.ne.options.bbCode){A.addEvent("get",this.bbGet.closure(this));A.addEvent("set",this.bbSet.closure(this));var B=this.ne.loadedPlugins;for(itm in B){if(B[itm].toXHTML){this.xhtml=B[itm]}}}},bbGet:function(A){var B=this.xhtml.toXHTML(A.getElm());A.content=this.toBBCode(B)},bbSet:function(A){A.content=this.fromBBCode(A.content)},toBBCode:function(B){function A(D,C){B=B.replace(D,C)}A(/\n/gi,"");A(/<strong>(.*?)<\/strong>/gi,"[b]$1[/b]");A(/<em>(.*?)<\/em>/gi,"[i]$1[/i]");A(/<span.*?style="text-decoration:underline;">(.*?)<\/span>/gi,"[u]$1[/u]");A(/<ul>(.*?)<\/ul>/gi,"[list]$1[/list]");A(/<li>(.*?)<\/li>/gi,"[*]$1[]");A(/<ol>(.*?)<\/ol>/gi,"[list=1]$1[/list]");A(/<img.*?src="(.*?)".*?>/gi,"[img]$1[/img]");A(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");A(/<br.*?>/gi,"\n");A(/<.*?>.*?<\/.*?>/gi,"");return B},fromBBCode:function(A){function B(D,C){A=A.replace(D,C)}B(/\[b\](.*?)\[\/b\]/gi,"<strong>$1</strong>");B(/\[i\](.*?)\[\/i\]/gi,"<em>$1</em>");B(/\[u\](.*?)\[\/u\]/gi,'<span style="text-decoration:underline;">$1</span>');B(/\[list\](.*?)\[\/list\]/gi,"<ul>$1</ul>");B(/\[list=1\](.*?)\[\/list\]/gi,"<ol>$1</ol>");B(/\[\*\](.*?)\[\/\*\]/gi,"<li>$1</li>");B(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />');B(/\[url=(.*?)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>');B(/\n/gi,"<br />");return A}});nicEditors.registerPlugin(nicBBCode);
 
 
var nicUploadOptions = {
	buttons : {
		'upload' : {name : 'Upload Image', type : 'nicUploadButton'}
	}
 
};
 
var nicUploadButton=nicEditorAdvancedButton.extend({nicURI:"http://api.imgur.com/2/upload.json",errorText:"Failed to upload image",addPane:function(){if(typeof window.FormData==="undefined"){return this.onError("Image uploads are not supported in this browser, use Chrome, Firefox, or Safari instead.")}this.im=this.ne.selectedInstance.selElm().parentTag("IMG");var A=new bkElement("div").setStyle({padding:"10px"}).appendTo(this.pane.pane);new bkElement("div").setStyle({fontSize:"14px",fontWeight:"bold",paddingBottom:"5px"}).setContent("Insert an Image").appendTo(A);this.fileInput=new bkElement("input").setAttributes({type:"file"}).appendTo(A);this.progress=new bkElement("progress").setStyle({width:"100%",display:"none"}).setAttributes("max",100).appendTo(A);this.fileInput.onchange=this.uploadFile.closure(this)},onError:function(A){this.removePane();alert(A||"Failed to upload image")},uploadFile:function(){var B=this.fileInput.files[0];if(!B||!B.type.match(/image.*/)){this.onError("Only image files can be uploaded");return }this.fileInput.setStyle({display:"none"});this.setProgress(0);var A=new FormData();A.append("image",B);A.append("key","b7ea18a4ecbda8e92203fa4968d10660");var C=new XMLHttpRequest();C.open("POST",this.ne.options.uploadURI||this.nicURI);C.onload=function(){try{var D=JSON.parse(C.responseText)}catch(E){return this.onError()}this.onUploaded(D.upload)}.closure(this);C.onerror=this.onError.closure(this);C.upload.onprogress=function(D){this.setProgress(D.loaded/D.total)}.closure(this);C.send(A)},setProgress:function(A){this.progress.setStyle({display:"block"});if(A<0.98){this.progress.value=A}else{this.progress.removeAttribute("value")}},onUploaded:function(B){this.removePane();var D=B.links.original;if(!this.im){this.ne.selectedInstance.restoreRng();var C="javascript:nicImTemp();";this.ne.nicCommand("insertImage",D);this.im=this.findElm("IMG","src",D)}var A=parseInt(this.ne.selectedInstance.elm.getStyle("width"));if(this.im){this.im.setAttributes({src:D,width:(A&&B.image.width)?Math.min(A,B.image.width):""})}}});nicEditors.registerPlugin(nicPlugin,nicUploadOptions);

nicedit_nicedit_js

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:42:45 +0000

nicEdit.js

https://cdnjs.cloudflare.com/ajax/libs/NicEdit/0.93/nicEdit.js

nicEdit.js

/* NicEdit - Micro Inline WYSIWYG
 * Copyright 2007-2008 Brian Kirchoff
 *
 * NicEdit is distributed under the terms of the MIT license
 * For more information visit http://nicedit.com/
 * Do not remove this copyright message
 */
var bkExtend = function() {
  var args = arguments;
  if (args.length == 1) args = [this, args[0]];
  for (var prop in args[1]) args[0][prop] = args[1][prop];
  return args[0];
};
 
function bkClass() {}
bkClass.prototype.construct = function() {};
bkClass.extend = function(def) {
  var classDef = function() {
    if (arguments[0] !== bkClass) {
      return this.construct.apply(this, arguments);
    }
  };
  var proto = new this(bkClass);
  bkExtend(proto, def);
  classDef.prototype = proto;
  classDef.extend = this.extend;
  return classDef;
};
 
var bkElement = bkClass.extend({
  construct: function(elm, d) {
    if (typeof(elm) == "string") {
      elm = (d || document).createElement(elm);
    }
    elm = $BK(elm);
    return elm;
  },
 
  appendTo: function(elm) {
    elm.appendChild(this);
    return this;
  },
 
  appendBefore: function(elm) {
    elm.parentNode.insertBefore(this, elm);
    return this;
  },
 
  addEvent: function(type, fn) {
    bkLib.addEvent(this, type, fn);
    return this;
  },
 
  setContent: function(c) {
    this.innerHTML = c;
    return this;
  },
 
  pos: function() {
    var curleft = curtop = 0;
    var o = obj = this;
    if (obj.offsetParent) {
      do {
        curleft += obj.offsetLeft;
        curtop += obj.offsetTop;
      } while (obj = obj.offsetParent);
    }
    var b = (!window.opera) ? parseInt(this.getStyle('border-width') || this.style.border, 10) || 0 : 0;
    return [curleft + b, curtop + b + this.offsetHeight];
  },
 
  noSelect: function() {
    bkLib.noSelect(this);
    return this;
  },
 
  parentTag: function(t) {
    var elm = this;
    do {
      if (elm && elm.nodeName && elm.nodeName.toUpperCase() == t) {
        return elm;
      }
      elm = elm.parentNode;
    } while (elm);
    return false;
  },
 
  hasClass: function(cls) {
    return this.className.match(new RegExp('(\\s|^)nicEdit-' + cls + '(\\s|$)'));
  },
 
  addClass: function(cls) {
    if (!this.hasClass(cls)) {
      this.className += " nicEdit-" + cls;
    }
    return this;
  },
 
  removeClass: function(cls) {
    if (this.hasClass(cls)) {
      this.className = this.className.replace(new RegExp('(\\s|^)nicEdit-' + cls + '(\\s|$)'), ' ');
    }
    return this;
  },
 
  setStyle: function(st) {
    var elmStyle = this.style;
    for (var itm in st) {
      switch (itm) {
      case 'float':
        elmStyle['cssFloat'] = elmStyle['styleFloat'] = st[itm];
        break;
      case 'opacity':
        elmStyle.opacity = st[itm];
        elmStyle.filter = "alpha(opacity=" + Math.round(st[itm] * 100) + ")";
        break;
      case 'className':
        this.className = st[itm];
        break;
      default:
        //if(document.compatMode || itm != "cursor") { // Nasty Workaround for IE 5.5
        elmStyle[itm] = st[itm];
        //}
      }
    }
    return this;
  },
 
  getStyle: function(cssRule, d) {
    var doc = (!d) ? document.defaultView : d;
    if (this.nodeType == 1) {
      if (doc && doc.getComputedStyle) {
        return doc.getComputedStyle(this, null).getPropertyValue(cssRule);
      } else {
        return this.currentStyle[bkLib.camelize(cssRule)];
      }
    }
  },
 
  remove: function() {
    this.parentNode.removeChild(this);
    return this;
  },
 
  setAttributes: function(at) {
    for (var itm in at) {
      this[itm] = at[itm];
    }
    return this;
  }
});
 
var bkLib = {
  isMSIE: (navigator.appVersion.indexOf("MSIE") != -1),
 
  addEvent: function(obj, type, fn) {
    if (obj.addEventListener) {
      obj.addEventListener(type, fn, false);
    } else {
      obj.attachEvent("on" + type, fn);
    }
  },
 
  toArray: function(iterable) {
    var length = iterable.length,
      results = new Array(length);
    while (length--) {
      results[length] = iterable[length];
    }
    return results;
  },
 
  noSelect: function(element) {
    if (element.setAttribute && element.nodeName.toLowerCase() != 'input' && element.nodeName.toLowerCase() != 'textarea') {
      element.setAttribute('unselectable', 'on');
    }
    for (var i = 0; i < element.childNodes.length; i++) {
      bkLib.noSelect(element.childNodes[i]);
    }
  },
  camelize: function(s) {
    return s.replace(/\-(.)/g, function(m, l) {
      return l.toUpperCase();
    });
  },
  inArray: function(arr, item) {
    return (bkLib.search(arr, item) !== null);
  },
  search: function(arr, itm) {
    for (var i = 0; i < arr.length; i++) {
      if (arr[i] == itm)
        return i;
    }
    return null;
  },
  cancelEvent: function(e) {
    e = e || window.event;
    if (e.preventDefault && e.stopPropagation) {
      e.preventDefault();
      e.stopPropagation();
    }
    return false;
  },
  domLoad: [],
  domLoaded: function() {
    if (arguments.callee.done) return;
    arguments.callee.done = true;
    for (i = 0; i < bkLib.domLoad.length; i++) bkLib.domLoad[i]();
  },
  onDomLoaded: function(fireThis) {
    this.domLoad.push(fireThis);
    if (document.addEventListener) {
      document.addEventListener("DOMContentLoaded", bkLib.domLoaded, null);
    } else if (bkLib.isMSIE) {
      document.write("<style>.nicEdit-main p { margin: 0; }</style><scr" + "ipt id=__ie_onload defer " + ((location.protocol == "https:") ? "src='javascript:void(0)'" : "src=//0") + "><\/scr" + "ipt>");
      $BK("__ie_onload").onreadystatechange = function() {
        if (this.readyState == "complete") {
          bkLib.domLoaded();
        }
      };
    }
    window.onload = bkLib.domLoaded;
  }
};
 
function $BK(elm) {
  if (typeof(elm) == "string") {
    elm = document.getElementById(elm);
  }
  return (elm && !elm.appendTo) ? bkExtend(elm, bkElement.prototype) : elm;
}
 
var bkEvent = {
  addEvent: function(evType, evFunc) {
    if (evFunc) {
      this.eventList = this.eventList || {};
      this.eventList[evType] = this.eventList[evType] || [];
      this.eventList[evType].push(evFunc);
    }
    return this;
  },
  fireEvent: function() {
    var args = bkLib.toArray(arguments),
      evType = args.shift();
    if (this.eventList && this.eventList[evType]) {
      for (var i = 0; i < this.eventList[evType].length; i++) {
        this.eventList[evType][i].apply(this, args);
      }
    }
  }
};
 
function __(s) {
  return s;
}
 
Function.prototype.closure = function() {
  var __method = this,
    args = bkLib.toArray(arguments),
    obj = args.shift();
  return function() {
    if (typeof(bkLib) != 'undefined') {
      return __method.apply(obj, args.concat(bkLib.toArray(arguments)));
    }
  };
};
 
Function.prototype.closureListener = function() {
  var __method = this,
    args = bkLib.toArray(arguments),
    object = args.shift();
  return function(e) {
    var target;
    e = e || window.event;
    if (e.target) {
      target = e.target;
    } else {
      target = e.srcElement;
    }
    return __method.apply(object, [e, target].concat(args));
  };
};
 
 
/* START CONFIG */
 
var nicEditorConfig = bkClass.extend({
  buttons: {
    'bold': {
      name: __('Click to Bold'),
      command: 'Bold',
      tags: ['B', 'STRONG'],
      css: {
        'font-weight': 'bold'
      },
      key: 'b'
    },
    'italic': {
      name: __('Click to Italic'),
      command: 'Italic',
      tags: ['EM', 'I'],
      css: {
        'font-style': 'italic'
      },
      key: 'i'
    },
    'underline': {
      name: __('Click to Underline'),
      command: 'Underline',
      tags: ['U'],
      css: {
        'text-decoration': 'underline'
      },
      key: 'u'
    },
    'left': {
      name: __('Left Align'),
      command: 'justifyleft',
      noActive: true
    },
    'center': {
      name: __('Center Align'),
      command: 'justifycenter',
      noActive: true
    },
    'right': {
      name: __('Right Align'),
      command: 'justifyright',
      noActive: true
    },
    'justify': {
      name: __('Justify Align'),
      command: 'justifyfull',
      noActive: true
    },
    'ol': {
      name: __('Insert Ordered List'),
      command: 'insertorderedlist',
      tags: ['OL']
    },
    'ul': {
      name: __('Insert Unordered List'),
      command: 'insertunorderedlist',
      tags: ['UL']
    },
    'subscript': {
      name: __('Click to Subscript'),
      command: 'subscript',
      tags: ['SUB']
    },
    'superscript': {
      name: __('Click to Superscript'),
      command: 'superscript',
      tags: ['SUP']
    },
    'strikethrough': {
      name: __('Click to Strike Through'),
      command: 'strikeThrough',
      css: {
        'text-decoration': 'line-through'
      }
    },
    'removeformat': {
      name: __('Remove Formatting'),
      command: 'removeformat',
      noActive: true
    },
    'indent': {
      name: __('Indent Text'),
      command: 'indent',
      noActive: true
    },
    'outdent': {
      name: __('Remove Indent'),
      command: 'outdent',
      noActive: true
    },
    'hr': {
      name: __('Horizontal Rule'),
      command: 'insertHorizontalRule',
      noActive: true
    }
  },
  iconsPath: '../nicEditorIcons.gif',
  buttonList: ['save', 'bold', 'italic', 'underline', 'left', 'center', 'right', 'justify', 'ol', 'ul', 'fontSize', 'fontFamily', 'fontFormat', 'indent', 'outdent', 'image', 'upload', 'link', 'unlink', 'forecolor', 'bgcolor'],
  iconList: {
    "xhtml": 1,
    "bgcolor": 2,
    "forecolor": 3,
    "bold": 4,
    "center": 5,
    "hr": 6,
    "indent": 7,
    "italic": 8,
    "justify": 9,
    "left": 10,
    "ol": 11,
    "outdent": 12,
    "removeformat": 13,
    "right": 14,
    "save": 25,
    "strikethrough": 16,
    "subscript": 17,
    "superscript": 18,
    "ul": 19,
    "underline": 20,
    "image": 21,
    "link": 22,
    "unlink": 23,
    "close": 24,
    "arrow": 26,
    "upload": 27
  },
  initWithLineBreak: true
});
/* END CONFIG */
 
 
var nicEditors = {
  nicPlugins: [],
  editors: [],
 
  registerPlugin: function(plugin, options) {
    this.nicPlugins.push({
      p: plugin,
      o: options
    });
  },
 
  allTextAreas: function(nicOptions) {
    var textareas = document.getElementsByTagName("textarea");
    for (var i = 0; i < textareas.length; i++) {
      nicEditors.editors.push(new nicEditor(nicOptions).panelInstance(textareas[i]));
    }
    return nicEditors.editors;
  },
 
  findEditor: function(e) {
    var editors = nicEditors.editors;
    for (var i = 0; i < editors.length; i++) {
      if (editors[i].instanceById(e)) {
        return editors[i]; // r is an instance of nicEditorInstance therefore it does not have removeInstance or removePanel methods
      }
    }
  }
};
 
 
var nicEditor = bkClass.extend({
  construct: function(o) {
    this.options = new nicEditorConfig();
    bkExtend(this.options, o);
    this.nicInstances = [];
    this.loadedPlugins = [];
 
    var plugins = nicEditors.nicPlugins;
    for (var i = 0; i < plugins.length; i++) {
      this.loadedPlugins.push(new plugins[i].p(this, plugins[i].o));
    }
    nicEditors.editors.push(this);
    bkLib.addEvent(document.body, 'mousedown', this.selectCheck.closureListener(this));
  },
 
  panelInstance: function(e, o) {
    e = this.checkReplace($BK(e));
    var panelElm = new bkElement('DIV').setStyle({
      width: (parseInt(e.getStyle('width'), 10) || e.clientWidth) + 'px'
    }).appendBefore(e);
    this.setPanel(panelElm);
    return this.addInstance(e, o);
  },
 
  checkReplace: function(e) {
    var r = nicEditors.findEditor(e);
    if (r) {
      r.removeInstance(e);
      r.removePanel();
    }
    return e;
  },
 
  addInstance: function(e, o) {
    var newInstance;
    e = this.checkReplace($BK(e));
    if (e.contentEditable || !!window.opera) {
      newInstance = new nicEditorInstance(e, o, this);
    } else {
      newInstance = new nicEditorIFrameInstance(e, o, this);
    }
    this.nicInstances.push(newInstance);
    return this;
  },
 
  removeInstance: function(e) {
    e = $BK(e);
    var instances = this.nicInstances;
    for (var i = 0; i < instances.length; i++) {
      if (instances[i].e == e) {
        instances[i].remove();
        this.nicInstances.splice(i, 1);
      }
    }
  },
 
  removePanel: function(e) {
    if (this.nicPanel) {
      this.nicPanel.remove();
      this.nicPanel = null;
    }
  },
 
  instanceById: function(e) {
    e = $BK(e);
    var instances = this.nicInstances;
    for (var i = 0; i < instances.length; i++) {
      if (instances[i].e == e) {
        return instances[i];
      }
    }
  },
 
  setPanel: function(e) {
    this.nicPanel = new nicEditorPanel($BK(e), this.options, this);
    this.fireEvent('panel', this.nicPanel);
    return this;
  },
 
  nicCommand: function(cmd, args) {
    if (this.selectedInstance) {
      this.selectedInstance.nicCommand(cmd, args);
    }
  },
 
  getIcon: function(iconName, options) {
    var icon = this.options.iconList[iconName];
    var file = (options.iconFiles) ? options.iconFiles[iconName] : '';
    return {
      backgroundImage: "url('" + ((icon) ? this.options.iconsPath : file) + "')",
      backgroundPosition: ((icon) ? ((icon - 1) * -18) : 0) + 'px 0px'
    };
  },
 
  selectCheck: function(e, t) {
    var found = false;
    do {
      if (t.className && t.className.indexOf('nicEdit') != -1) {
        return false;
      }
    } while (t = t.parentNode);
    this.fireEvent('blur', this.selectedInstance, t);
    this.lastSelectedInstance = this.selectedInstance;
    this.selectedInstance = null;
    return false;
  }
 
});
nicEditor = nicEditor.extend(bkEvent);
 
 
var nicEditorInstance = bkClass.extend({
  isSelected: false,
 
  construct: function(e, options, nicEditor) {
    this.ne = nicEditor;
    this.elm = this.e = e;
    this.options = options || {};
 
    newX = parseInt(e.getStyle('width'), 10) || e.clientWidth;
    newY = parseInt(e.getStyle('height'), 10) || e.clientHeight;
    this.initialHeight = newY - 8;
 
    var isTextarea = (e.nodeName.toLowerCase() == "textarea");
    if (isTextarea || this.options.hasPanel) {
      var ie7s = (bkLib.isMSIE && !((typeof document.body.style.maxHeight != "undefined") && document.compatMode == "CSS1Compat"));
      var s = {
        width: newX + 'px',
        border: '1px solid #ccc',
        borderTop: 0,
        overflowY: 'auto',
        overflowX: 'hidden'
      };
      s[(ie7s) ? 'height' : 'maxHeight'] = (this.ne.options.maxHeight) ? this.ne.options.maxHeight + 'px' : null;
      this.editorContain = new bkElement('DIV').setStyle(s).appendBefore(e);
      var editorElm = new bkElement('DIV').setStyle({
        width: (newX - 8) + 'px',
        margin: '4px',
        minHeight: newY + 'px'
      }).addClass('main').appendTo(this.editorContain);
 
      e.setStyle({
        display: 'none'
      });
 
      editorElm.innerHTML = e.innerHTML;
      if (isTextarea) {
        this.copyElm = e;
        var f = e.parentTag('FORM');
        if (f) {
          bkLib.addEvent(f, 'submit', this.saveContent.closure(this));
        }
      }
      editorElm.setStyle((ie7s) ? {
        height: newY + 'px'
      } : {
        overflow: 'hidden'
      });
      this.elm = editorElm;
    }
    this.ne.addEvent('blur', this.blur.closure(this));
 
    this.init();
    this.blur();
  },
 
  init: function() {
    this.elm.setAttribute('contentEditable', 'true');
    if (this.getContent() === "" && this.options.initWithLineBreak) {
      this.setContent('<br />');
    }
    this.instanceDoc = document.defaultView;
    this.elm.addEvent('mousedown', this.selected.closureListener(this)).addEvent('keypress', this.keyDown.closureListener(this)).addEvent('focus', this.selected.closure(this)).addEvent('blur', this.blur.closure(this)).addEvent('keyup', this.selected.closure(this));
    this.ne.fireEvent('add', this);
  },
 
  remove: function() {
    this.saveContent();
    if (this.copyElm || this.options.hasPanel) {
      this.editorContain.remove();
      this.e.setStyle({
        'display': 'block'
      });
      this.ne.removePanel();
    }
    this.disable();
    this.ne.fireEvent('remove', this);
  },
 
  disable: function() {
    this.elm.setAttribute('contentEditable', 'false');
  },
 
  getSel: function() {
    return (window.getSelection) ? window.getSelection() : document.selection;
  },
 
  getRng: function() {
    var s = this.getSel();
    if (!s) {
      return null;
    }
    return (s.rangeCount > 0) ? s.getRangeAt(0) :
      s.createRange && s.createRange() || document.createRange();
  },
 
  selRng: function(rng, s) {
    if (window.getSelection) {
      s.removeAllRanges();
      s.addRange(rng);
    } else {
      rng.select();
    }
  },
 
  selElm: function() {
    var r = this.getRng();
    if (r.startContainer) {
      var contain = r.startContainer;
      if (r.cloneContents().childNodes.length == 1) {
        for (var i = 0; i < contain.childNodes.length; i++) {
          var rng = contain.childNodes[i].ownerDocument.createRange();
          rng.selectNode(contain.childNodes[i]);
          if (r.compareBoundaryPoints(Range.START_TO_START, rng) != 1 &&
            r.compareBoundaryPoints(Range.END_TO_END, rng) != -1) {
            return $BK(contain.childNodes[i]);
          }
        }
      }
      return $BK(contain);
    } else {
      return $BK((this.getSel().type == "Control") ? r.item(0) : r.parentElement());
    }
  },
 
  saveRng: function() {
    this.savedRange = this.getRng();
    this.savedSel = this.getSel();
  },
 
  restoreRng: function() {
    if (this.savedRange) {
      this.selRng(this.savedRange, this.savedSel);
    }
  },
 
  keyDown: function(e, t) {
    this.ne.fireEvent('keyDown', this, e);
 
    if (e.ctrlKey) {
      this.ne.fireEvent('key', this, e);
    }
  },
 
  selected: function(e, t) {
    if (!t) {
      t = this.selElm();
    }
    if (!e.ctrlKey) {
      var selInstance = this.ne.selectedInstance;
      if (selInstance != this) {
        if (selInstance) {
          this.ne.fireEvent('blur', selInstance, t);
        }
        this.ne.selectedInstance = this;
        this.ne.fireEvent('focus', selInstance, t);
      }
      this.ne.fireEvent('selected', selInstance, t);
      this.isFocused = true;
      this.elm.addClass('selected');
    }
    return false;
  },
 
  blur: function() {
    this.isFocused = false;
    this.elm.removeClass('selected');
  },
 
  saveContent: function() {
    if (this.copyElm || this.options.hasPanel) {
      this.ne.fireEvent('save', this);
      if (this.copyElm) {
        this.copyElm.value = this.getContent();
      } else {
        this.e.innerHTML = this.getContent();
      }
    }
  },
 
  getElm: function() {
    return this.elm;
  },
 
  getContent: function() {
    this.content = this.getElm().innerHTML;
    this.ne.fireEvent('get', this);
    return this.content;
  },
 
  setContent: function(e) {
    this.content = e;
    this.ne.fireEvent('set', this);
    this.elm.innerHTML = this.content;
  },
 
  nicCommand: function(cmd, args) {
    document.execCommand(cmd, false, args);
  }
});
 
var nicEditorIFrameInstance = nicEditorInstance.extend({
  savedStyles: [],
 
  init: function() {
    var c = this.elm.innerHTML.replace(/^\s+|\s+$/g, '');
    this.elm.innerHTML = '';
    if (!c) {
      c = "<br />";
    }
    this.initialContent = c;
 
    this.elmFrame = new bkElement('iframe').setAttributes({
      'src': 'javascript:;',
      'frameBorder': 0,
      'allowTransparency': 'true',
      'scrolling': 'no'
    }).setStyle({
      height: '100px',
      width: '100%'
    }).addClass('frame').appendTo(this.elm);
 
    if (this.copyElm) {
      this.elmFrame.setStyle({
        width: (this.elm.offsetWidth - 4) + 'px'
      });
    }
 
    var styleList = ['font-size', 'font-family', 'font-weight', 'color'];
    for (var itm in styleList) {
      this.savedStyles[bkLib.camelize(itm)] = this.elm.getStyle(itm);
    }
 
    setTimeout(this.initFrame.closure(this), 50);
  },
 
  disable: function() {
    this.elm.innerHTML = this.getContent();
  },
 
  initFrame: function() {
    var fd = $BK(this.elmFrame.contentWindow.document);
    fd.designMode = "on";
    fd.open();
    var css = this.ne.options.externalCSS;
    fd.write('<html><head>' + ((css) ? '<link href="' + css + '" rel="stylesheet" type="text/css" />' : '') + '</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">' + this.initialContent + '</body></html>');
    fd.close();
    this.frameDoc = fd;
 
    this.frameWin = $BK(this.elmFrame.contentWindow);
    this.frameContent = $BK(this.frameWin.document.body).setStyle(this.savedStyles);
    this.instanceDoc = this.frameWin.document.defaultView;
 
    this.heightUpdate();
    this.frameDoc.addEvent('mousedown', this.selected.closureListener(this)).addEvent('keyup', this.heightUpdate.closureListener(this)).addEvent('keydown', this.keyDown.closureListener(this)).addEvent('keyup', this.selected.closure(this));
    this.ne.fireEvent('add', this);
  },
 
  getElm: function() {
    return this.frameContent;
  },
 
  setContent: function(c) {
    this.content = c;
    this.ne.fireEvent('set', this);
    this.frameContent.innerHTML = this.content;
    this.heightUpdate();
  },
 
  getSel: function() {
    return (this.frameWin) ? this.frameWin.getSelection() : this.frameDoc.selection;
  },
 
  heightUpdate: function() {
    this.elmFrame.style.height = Math.max(this.frameContent.offsetHeight, this.initialHeight) + 'px';
  },
 
  nicCommand: function(cmd, args) {
    this.frameDoc.execCommand(cmd, false, args);
    setTimeout(this.heightUpdate.closure(this), 100);
  }
 
 
});
var nicEditorPanel = bkClass.extend({
  construct: function(e, options, nicEditor) {
    this.elm = e;
    this.options = options;
    this.ne = nicEditor;
    this.panelButtons = [];
    this.buttonList = bkExtend([], this.ne.options.buttonList);
 
    this.panelContain = new bkElement('DIV').setStyle({
      overflow: 'hidden',
      width: '100%',
      border: '1px solid #cccccc',
      backgroundColor: '#efefef'
    }).addClass('panelContain');
    this.panelElm = new bkElement('DIV').setStyle({
      margin: '2px',
      marginTop: '0px',
      zoom: 1,
      overflow: 'hidden'
    }).addClass('panel').appendTo(this.panelContain);
    this.panelContain.appendTo(e);
 
    var opt = this.ne.options;
    var buttons = opt.buttons;
    for (var button in buttons) {
      this.addButton(button, opt, true);
    }
    this.reorder();
    e.noSelect();
  },
 
  addButton: function(buttonName, options, noOrder) {
    var button = options.buttons[buttonName];
    var type = null;
 
    if (button['type']) {
      type = typeof(window[button['type']]) === undefined ? null : window[button['type']];
    } else {
      type = nicEditorButton;
    }
    var hasButton = bkLib.inArray(this.buttonList, buttonName);
    if (type && (hasButton || this.ne.options.fullPanel)) {
      this.panelButtons.push(new type(this.panelElm, buttonName, options, this.ne));
      if (!hasButton) {
        this.buttonList.push(buttonName);
      }
    }
  },
 
  findButton: function(itm) {
    for (var i = 0; i < this.panelButtons.length; i++) {
      if (this.panelButtons[i].name == itm)
        return this.panelButtons[i];
    }
  },
 
  reorder: function() {
    var bl = this.buttonList;
    for (var i = 0; i < bl.length; i++) {
      var button = this.findButton(bl[i]);
      if (button) {
        this.panelElm.appendChild(button.margin);
      }
    }
  },
 
  remove: function() {
    this.elm.remove();
  }
});
var nicEditorButton = bkClass.extend({
 
  construct: function(e, buttonName, options, nicEditor) {
    this.options = options.buttons[buttonName];
    this.name = buttonName;
    this.ne = nicEditor;
    this.elm = e;
 
    this.margin = new bkElement('DIV').setStyle({
      'float': 'left',
      marginTop: '2px'
    }).appendTo(e);
    this.contain = new bkElement('DIV').setStyle({
      width: '20px',
      height: '20px'
    }).addClass('buttonContain').appendTo(this.margin);
    this.border = new bkElement('DIV').setStyle({
      backgroundColor: '#efefef',
      border: '1px solid #efefef'
    }).appendTo(this.contain);
    this.button = new bkElement('DIV').setStyle({
      width: '18px',
      height: '18px',
      overflow: 'hidden',
      zoom: 1,
      cursor: 'pointer'
    }).addClass('button').setStyle(this.ne.getIcon(buttonName, options)).appendTo(this.border);
    this.button.addEvent('mouseover', this.hoverOn.closure(this)).addEvent('mouseout', this.hoverOff.closure(this)).addEvent('mousedown', this.mouseClick.closure(this)).noSelect();
 
    if (!window.opera) {
      this.button.onmousedown = this.button.onclick = bkLib.cancelEvent;
    }
 
    nicEditor.addEvent('selected', this.enable.closure(this)).addEvent('blur', this.disable.closure(this)).addEvent('key', this.key.closure(this));
 
    this.disable();
    this.init();
  },
 
  init: function() {},
 
  hide: function() {
    this.contain.setStyle({
      display: 'none'
    });
  },
 
  updateState: function() {
    if (this.isDisabled) {
      this.setBg();
    } else if (this.isHover) {
      this.setBg('hover');
    } else if (this.isActive) {
      this.setBg('active');
    } else {
      this.setBg();
    }
  },
 
  setBg: function(state) {
    var stateStyle;
    switch (state) {
    case 'hover':
      stateStyle = {
        border: '1px solid #666',
        backgroundColor: '#ddd'
      };
      break;
    case 'active':
      stateStyle = {
        border: '1px solid #666',
        backgroundColor: '#ccc'
      };
      break;
    default:
      stateStyle = {
        border: '1px solid #efefef',
        backgroundColor: '#efefef'
      };
    }
    this.border.setStyle(stateStyle).addClass('button-' + state);
  },
 
  checkNodes: function(e) {
    var elm = e;
    do {
      if (this.options.tags && bkLib.inArray(this.options.tags, elm.nodeName)) {
        this.activate();
        return true;
      }
    } while ((elm = elm.parentNode) && elm.className != "nicEdit");
    elm = $BK(e);
    while (elm.nodeType == 3) {
      elm = $BK(elm.parentNode);
    }
    if (this.options.css) {
      for (var itm in this.options.css) {
        if (elm.getStyle(itm, this.ne.selectedInstance.instanceDoc) == this.options.css[itm]) {
          this.activate();
          return true;
        }
      }
    }
    this.deactivate();
    return false;
  },
 
  activate: function() {
    if (!this.isDisabled) {
      this.isActive = true;
      this.updateState();
      this.ne.fireEvent('buttonActivate', this);
    }
  },
 
  deactivate: function() {
    this.isActive = false;
    this.updateState();
    if (!this.isDisabled) {
      this.ne.fireEvent('buttonDeactivate', this);
    }
  },
 
  enable: function(ins, t) {
    this.isDisabled = false;
    this.contain.setStyle({
      'opacity': 1
    }).addClass('buttonEnabled');
    this.updateState();
    if (t !== document) {
      this.checkNodes(t);
    }
  },
 
  disable: function(ins, t) {
    this.isDisabled = true;
    this.contain.setStyle({
      'opacity': 0.6
    }).removeClass('buttonEnabled');
    this.updateState();
  },
 
  toggleActive: function() {
    if (this.isActive) {
      this.deactivate();
    } else {
      this.activate();
    }
  },
 
  hoverOn: function() {
    if (!this.isDisabled) {
      this.isHover = true;
      this.updateState();
      this.ne.fireEvent("buttonOver", this);
    }
  },
 
  hoverOff: function() {
    this.isHover = false;
    this.updateState();
    this.ne.fireEvent("buttonOut", this);
  },
 
  mouseClick: function() {
    if (this.options.command) {
      this.ne.nicCommand(this.options.command, this.options.commandArgs);
      if (!this.options.noActive) {
        this.toggleActive();
      }
    }
    this.ne.fireEvent("buttonClick", this);
  },
 
  key: function(nicInstance, e) {
    if (this.options.key && e.ctrlKey && String.fromCharCode(e.keyCode || e.charCode).toLowerCase() == this.options.key) {
      this.mouseClick();
      if (e.preventDefault) e.preventDefault();
    }
  }
 
});
 
 
var nicPlugin = bkClass.extend({
 
  construct: function(nicEditor, options) {
    this.options = options;
    this.ne = nicEditor;
    this.ne.addEvent('panel', this.loadPanel.closure(this));
 
    this.init();
  },
 
  loadPanel: function(np) {
    var buttons = this.options.buttons;
    for (var button in buttons) {
      np.addButton(button, this.options);
    }
    np.reorder();
  },
 
  init: function() {}
});
 
 
 
 
/* START CONFIG */
var nicPaneOptions = {};
/* END CONFIG */
 
var nicEditorPane = bkClass.extend({
  construct: function(elm, nicEditor, options, openButton) {
    this.ne = nicEditor;
    this.elm = elm;
    this.pos = elm.pos();
 
    this.contain = new bkElement('div').setStyle({
      zIndex: '99999',
      overflow: 'hidden',
      position: 'absolute',
      left: this.pos[0] + 'px',
      top: this.pos[1] + 'px'
    });
    this.pane = new bkElement('div').setStyle({
      fontSize: '12px',
      border: '1px solid #ccc',
      overflow: 'hidden',
      padding: '4px',
      textAlign: 'left',
      backgroundColor: '#ffffc9'
    }).addClass('pane').setStyle(options).appendTo(this.contain);
 
    if (openButton && !openButton.options.noClose) {
      this.close = new bkElement('div').setStyle({
        'float': 'right',
        height: '16px',
        width: '16px',
        cursor: 'pointer'
      }).setStyle(this.ne.getIcon('close', nicPaneOptions)).addEvent('mousedown', openButton.removePane.closure(this)).appendTo(this.pane);
    }
 
    this.contain.noSelect().appendTo(document.body);
 
    this.position();
    this.init();
  },
 
  init: function() {},
 
  position: function() {
    if (this.ne.nicPanel) {
      var panelElm = this.ne.nicPanel.elm;
      var panelPos = panelElm.pos();
      var newLeft = panelPos[0] + parseInt(panelElm.getStyle('width'), 10) - (parseInt(this.pane.getStyle('width'), 10) + 8);
      if (newLeft < this.pos[0]) {
        this.contain.setStyle({
          left: newLeft + 'px'
        });
      }
    }
  },
 
  toggle: function() {
    this.isVisible = !this.isVisible;
    this.contain.setStyle({
      display: ((this.isVisible) ? 'block' : 'none')
    });
  },
 
  remove: function() {
    if (this.contain) {
      this.contain.remove();
      this.contain = null;
    }
  },
 
  append: function(c) {
    c.appendTo(this.pane);
  },
 
  setContent: function(c) {
    this.pane.setContent(c);
  }
 
});
 
 
 
var nicEditorAdvancedButton = nicEditorButton.extend({
 
  init: function() {
    this.ne.addEvent('selected', this.removePane.closure(this)).addEvent('blur', this.removePane.closure(this));
  },
 
  mouseClick: function() {
    if (!this.isDisabled) {
      if (this.pane && this.pane.pane) {
        this.removePane();
      } else {
        this.pane = new nicEditorPane(this.contain, this.ne, {
          width: (this.width || '270px'),
          backgroundColor: '#fff'
        }, this);
        this.addPane();
        this.ne.selectedInstance.saveRng();
      }
    }
  },
 
  addForm: function(f, elm) {
    this.form = new bkElement('form').addEvent('submit', this.submit.closureListener(this));
    this.pane.append(this.form);
    this.inputs = {};
 
    for (var itm in f) {
      var field = f[itm];
      var val = '';
      if (elm) {
        val = elm.getAttribute(itm);
      }
      if (!val) {
        val = field['value'] || '';
      }
      var type = f[itm].type;
 
      if (type == 'title') {
        new bkElement('div').setContent(field.txt).setStyle({
          fontSize: '14px',
          fontWeight: 'bold',
          padding: '0px',
          margin: '2px 0'
        }).appendTo(this.form);
      } else {
        var contain = new bkElement('div').setStyle({
          overflow: 'hidden',
          clear: 'both'
        }).appendTo(this.form);
        if (field.txt) {
          new bkElement('label').setAttributes({
            'for': itm
          }).setContent(field.txt).setStyle({
            margin: '2px 4px',
            fontSize: '13px',
            width: '50px',
            lineHeight: '20px',
            textAlign: 'right',
            'float': 'left'
          }).appendTo(contain);
        }
 
        switch (type) {
        case 'text':
          this.inputs[itm] = new bkElement('input').setAttributes({
            id: itm,
            'value': val,
            'type': 'text'
          }).setStyle({
            margin: '2px 0',
            fontSize: '13px',
            'float': 'left',
            height: '20px',
            border: '1px solid #ccc',
            overflow: 'hidden'
          }).setStyle(field.style).appendTo(contain);
          break;
        case 'select':
          this.inputs[itm] = new bkElement('select').setAttributes({
            id: itm
          }).setStyle({
            border: '1px solid #ccc',
            'float': 'left',
            margin: '2px 0'
          }).appendTo(contain);
          for (var opt in field.options) {
            var o = new bkElement('option').setAttributes({
              value: opt,
              selected: (opt == val) ? 'selected' : ''
            }).setContent(field.options[opt]).appendTo(this.inputs[itm]);
          }
          break;
        case 'content':
          this.inputs[itm] = new bkElement('textarea').setAttributes({
            id: itm
          }).setStyle({
            border: '1px solid #ccc',
            'float': 'left'
          }).setStyle(field.style).appendTo(contain);
          this.inputs[itm].value = val;
        }
      }
    }
    new bkElement('input').setAttributes({
      'type': 'submit'
    }).setStyle({
      backgroundColor: '#efefef',
      border: '1px solid #ccc',
      margin: '3px 0',
      'float': 'left',
      'clear': 'both'
    }).appendTo(this.form);
    this.form.onsubmit = bkLib.cancelEvent;
  },
 
  submit: function() {},
 
  findElm: function(tag, attr, val) {
    var list = this.ne.selectedInstance.getElm().getElementsByTagName(tag);
    for (var i = 0; i < list.length; i++) {
      if (list[i].getAttribute(attr) == val) {
        return $BK(list[i]);
      }
    }
  },
 
  removePane: function() {
    if (this.pane) {
      this.pane.remove();
      this.pane = null;
      this.ne.selectedInstance.restoreRng();
    }
  }
});
 
 
var nicButtonTips = bkClass.extend({
  construct: function(nicEditor) {
    this.ne = nicEditor;
    nicEditor.addEvent('buttonOver', this.show.closure(this)).addEvent('buttonOut', this.hide.closure(this));
 
  },
 
  show: function(button) {
    this.timer = setTimeout(this.create.closure(this, button), 400);
  },
 
  create: function(button) {
    this.timer = null;
    if (!this.pane) {
      this.pane = new nicEditorPane(button.button, this.ne, {
        fontSize: '12px',
        marginTop: '5px'
      });
      this.pane.setContent(button.options.name);
    }
  },
 
  hide: function(button) {
    if (this.timer) {
      clearTimeout(this.timer);
    }
    if (this.pane) {
      this.pane = this.pane.remove();
    }
  }
});
nicEditors.registerPlugin(nicButtonTips);
 
 
 
/* START CONFIG */
var nicSelectOptions = {
  buttons: {
    'fontSize': {
      name: __('Select Font Size'),
      type: 'nicEditorFontSizeSelect',
      command: 'fontsize'
    },
    'fontFamily': {
      name: __('Select Font Family'),
      type: 'nicEditorFontFamilySelect',
      command: 'fontname'
    },
    'fontFormat': {
      name: __('Select Font Format'),
      type: 'nicEditorFontFormatSelect',
      command: 'formatBlock'
    }
  }
};
/* END CONFIG */
var nicEditorSelect = bkClass.extend({
 
  construct: function(e, buttonName, options, nicEditor) {
    this.options = options.buttons[buttonName];
    this.elm = e;
    this.ne = nicEditor;
    this.name = buttonName;
    this.selOptions = [];
 
    this.margin = new bkElement('div').setStyle({
      'float': 'left',
      margin: '2px 1px 0 1px'
    }).appendTo(this.elm);
    this.contain = new bkElement('div').setStyle({
      width: '90px',
      height: '20px',
      cursor: 'pointer',
      overflow: 'hidden'
    }).addClass('selectContain').addEvent('click', this.toggle.closure(this)).appendTo(this.margin);
    this.items = new bkElement('div').setStyle({
      overflow: 'hidden',
      zoom: 1,
      border: '1px solid #ccc',
      paddingLeft: '3px',
      backgroundColor: '#fff'
    }).appendTo(this.contain);
    this.control = new bkElement('div').setStyle({
      overflow: 'hidden',
      'float': 'right',
      height: '18px',
      width: '16px'
    }).addClass('selectControl').setStyle(this.ne.getIcon('arrow', options)).appendTo(this.items);
    this.txt = new bkElement('div').setStyle({
      overflow: 'hidden',
      'float': 'left',
      width: '66px',
      height: '14px',
      marginTop: '1px',
      fontFamily: 'sans-serif',
      textAlign: 'center',
      fontSize: '12px'
    }).addClass('selectTxt').appendTo(this.items);
 
    if (!window.opera) {
      this.contain.onmousedown = this.control.onmousedown = this.txt.onmousedown = bkLib.cancelEvent;
    }
 
    this.margin.noSelect();
 
    this.ne.addEvent('selected', this.enable.closure(this)).addEvent('blur', this.disable.closure(this));
 
    this.disable();
    this.init();
  },
 
  disable: function() {
    this.isDisabled = true;
    this.close();
    this.contain.setStyle({
      opacity: 0.6
    });
  },
 
  enable: function(t) {
    this.isDisabled = false;
    this.close();
    this.contain.setStyle({
      opacity: 1
    });
  },
 
  setDisplay: function(txt) {
    this.txt.setContent(txt);
  },
 
  toggle: function() {
    if (!this.isDisabled) {
      if (this.pane) {
        this.close();
      } else {
        this.open();
      }
    }
  },
 
  open: function() {
    this.pane = new nicEditorPane(this.items, this.ne, {
      width: '88px',
      padding: '0px',
      borderTop: 0,
      borderLeft: '1px solid #ccc',
      borderRight: '1px solid #ccc',
      borderBottom: '0px',
      backgroundColor: '#fff'
    });
 
    for (var i = 0; i < this.selOptions.length; i++) {
      var opt = this.selOptions[i];
      var itmContain = new bkElement('div').setStyle({
        overflow: 'hidden',
        borderBottom: '1px solid #ccc',
        width: '88px',
        textAlign: 'left',
        cursor: 'pointer'
      });
      var itm = new bkElement('div').setStyle({
        padding: '0px 4px'
      }).setContent(opt[1]).appendTo(itmContain).noSelect();
      itm.addEvent('click', this.update.closure(this, opt[0])).addEvent('mouseover', this.over.closure(this, itm)).addEvent('mouseout', this.out.closure(this, itm)).setAttributes('id', opt[0]);
      this.pane.append(itmContain);
      if (!window.opera) {
        itm.onmousedown = bkLib.cancelEvent;
      }
    }
  },
 
  close: function() {
    if (this.pane) {
      this.pane = this.pane.remove();
    }
  },
 
  over: function(opt) {
    opt.setStyle({
      backgroundColor: '#ccc'
    });
  },
 
  out: function(opt) {
    opt.setStyle({
      backgroundColor: '#fff'
    });
  },
 
 
  add: function(k, v) {
    this.selOptions.push(new Array(k, v));
  },
 
  update: function(elm) {
    this.ne.nicCommand(this.options.command, elm);
    this.close();
  }
});
 
var nicEditorFontSizeSelect = nicEditorSelect.extend({
  sel: {
    1: '1&nbsp;(8pt)',
    2: '2&nbsp;(10pt)',
    3: '3&nbsp;(12pt)',
    4: '4&nbsp;(14pt)',
    5: '5&nbsp;(18pt)',
    6: '6&nbsp;(24pt)'
  },
  init: function() {
    this.setDisplay('Font&nbsp;Size...');
    for (var itm in this.sel) {
      this.add(itm, '<font size="' + itm + '">' + this.sel[itm] + '</font>');
    }
  }
});
 
var nicEditorFontFamilySelect = nicEditorSelect.extend({
  sel: {
    'arial': 'Arial',
    'comic sans ms': 'Comic Sans',
    'courier new': 'Courier New',
    'georgia': 'Georgia',
    'helvetica': 'Helvetica',
    'impact': 'Impact',
    'times new roman': 'Times',
    'trebuchet ms': 'Trebuchet',
    'verdana': 'Verdana'
  },
 
  init: function() {
    this.setDisplay('Font&nbsp;Family...');
    for (var itm in this.sel) {
      this.add(itm, '<font face="' + itm + '">' + this.sel[itm] + '</font>');
    }
  }
});
 
var nicEditorFontFormatSelect = nicEditorSelect.extend({
  sel: {
    'p': 'Paragraph',
    'pre': 'Pre',
    'h6': 'Heading&nbsp;6',
    'h5': 'Heading&nbsp;5',
    'h4': 'Heading&nbsp;4',
    'h3': 'Heading&nbsp;3',
    'h2': 'Heading&nbsp;2',
    'h1': 'Heading&nbsp;1'
  },
 
  init: function() {
    this.setDisplay('Font&nbsp;Format...');
    for (var itm in this.sel) {
      var tag = itm.toUpperCase();
      this.add('<' + tag + '>', '<' + itm + ' style="padding: 0px; margin: 0px;">' + this.sel[itm] + '</' + tag + '>');
    }
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicSelectOptions);
 
 
 
/* START CONFIG */
var nicLinkOptions = {
  buttons: {
    'link': {
      name: 'Add Link',
      type: 'nicLinkButton',
      tags: ['A']
    },
    'unlink': {
      name: 'Remove Link',
      command: 'unlink',
      noActive: true
    }
  }
};
/* END CONFIG */
 
var nicLinkButton = nicEditorAdvancedButton.extend({
  addPane: function() {
    this.ln = this.ne.selectedInstance.selElm().parentTag('A');
    this.addForm({
      '': {
        type: 'title',
        txt: 'Add/Edit Link'
      },
      'href': {
        type: 'text',
        txt: 'URL',
        value: 'http://',
        style: {
          width: '150px'
        }
      },
      'title': {
        type: 'text',
        txt: 'Title'
      },
      'target': {
        type: 'select',
        txt: 'Open In',
        options: {
          '': 'Current Window',
          '_blank': 'New Window'
        },
        style: {
          width: '100px'
        }
      }
    }, this.ln);
  },
 
  submit: function(e) {
    var url = this.inputs['href'].value;
    if (url === "http://" || url === "") {
      alert("You must enter a URL to Create a Link");
      return false;
    }
    this.removePane();
 
    if (!this.ln) {
      var tmp = 'javascript:nicTemp();';
      this.ne.nicCommand("createlink", tmp);
      this.ln = this.findElm('A', 'href', tmp);
      // set the link text to the title or the url if there is no text selected
      if (this.ln.innerHTML == tmp) {
        this.ln.innerHTML = this.inputs['title'].value || url;
      }
    }
    if (this.ln) {
      var oldTitle = this.ln.title;
      this.ln.setAttributes({
        href: this.inputs['href'].value,
        title: this.inputs['title'].value,
        target: this.inputs['target'].options[this.inputs['target'].selectedIndex].value
      });
      // set the link text to the title or the url if the old text was the old title
      if (this.ln.innerHTML == oldTitle) {
        this.ln.innerHTML = this.inputs['title'].value || this.inputs['href'].value;
      }
    }
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicLinkOptions);
 
 
 
/* START CONFIG */
var nicColorOptions = {
  buttons: {
    'forecolor': {
      name: __('Change Text Color'),
      type: 'nicEditorColorButton',
      noClose: true
    },
    'bgcolor': {
      name: __('Change Background Color'),
      type: 'nicEditorBgColorButton',
      noClose: true
    }
  }
};
/* END CONFIG */
 
var nicEditorColorButton = nicEditorAdvancedButton.extend({
  addPane: function() {
    var colorList = {
      0: '00',
      1: '33',
      2: '66',
      3: '99',
      4: 'CC',
      5: 'FF'
    };
    var colorItems = new bkElement('DIV').setStyle({
      width: '270px'
    });
 
    for (var r in colorList) {
      for (var b in colorList) {
        for (var g in colorList) {
          var colorCode = '#' + colorList[r] + colorList[g] + colorList[b];
 
          var colorSquare = new bkElement('DIV').setStyle({
            'cursor': 'pointer',
            'height': '15px',
            'float': 'left'
          }).appendTo(colorItems);
          var colorBorder = new bkElement('DIV').setStyle({
            border: '2px solid ' + colorCode
          }).appendTo(colorSquare);
          var colorInner = new bkElement('DIV').setStyle({
            backgroundColor: colorCode,
            overflow: 'hidden',
            width: '11px',
            height: '11px'
          }).addEvent('click', this.colorSelect.closure(this, colorCode)).addEvent('mouseover', this.on.closure(this, colorBorder)).addEvent('mouseout', this.off.closure(this, colorBorder, colorCode)).appendTo(colorBorder);
 
          if (!window.opera) {
            colorSquare.onmousedown = colorInner.onmousedown = bkLib.cancelEvent;
          }
 
        }
      }
    }
    this.pane.append(colorItems.noSelect());
  },
 
  colorSelect: function(c) {
    this.ne.nicCommand('foreColor', c);
    this.removePane();
  },
 
  on: function(colorBorder) {
    colorBorder.setStyle({
      border: '2px solid #000'
    });
  },
 
  off: function(colorBorder, colorCode) {
    colorBorder.setStyle({
      border: '2px solid ' + colorCode
    });
  }
});
 
var nicEditorBgColorButton = nicEditorColorButton.extend({
  colorSelect: function(c) {
    this.ne.nicCommand('hiliteColor', c);
    this.removePane();
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicColorOptions);
 
 
 
/* START CONFIG */
var nicImageOptions = {
  buttons: {
    'image': {
      name: 'Add Image',
      type: 'nicImageButton',
      tags: ['IMG']
    }
  }
 
};
/* END CONFIG */
 
var nicImageButton = nicEditorAdvancedButton.extend({
  addPane: function() {
    this.im = this.ne.selectedInstance.selElm().parentTag('IMG');
    this.addForm({
      '': {
        type: 'title',
        txt: 'Add/Edit Image'
      },
      'src': {
        type: 'text',
        txt: 'URL',
        'value': 'http://',
        style: {
          width: '150px'
        }
      },
      'alt': {
        type: 'text',
        txt: 'Alt Text',
        style: {
          width: '100px'
        }
      },
      'align': {
        type: 'select',
        txt: 'Align',
        options: {
          none: 'Default',
          'left': 'Left',
          'right': 'Right'
        }
      }
    }, this.im);
  },
 
  submit: function(e) {
    var src = this.inputs['src'].value;
    if (src === "" || src === "http://") {
      alert("You must enter a Image URL to insert");
      return false;
    }
    this.removePane();
 
    if (!this.im) {
      var tmp = 'javascript:nicImTemp();';
      this.ne.nicCommand("insertImage", tmp);
      this.im = this.findElm('IMG', 'src', tmp);
    }
    if (this.im) {
      this.im.setAttributes({
        src: this.inputs['src'].value,
        alt: this.inputs['alt'].value,
        align: this.inputs['align'].value
      });
    }
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicImageOptions);
 
 
 
 
/* START CONFIG */
var nicSaveOptions = {
  buttons: {
    'save': {
      name: __('Save this content'),
      type: 'nicEditorSaveButton'
    }
  }
};
/* END CONFIG */
 
var nicEditorSaveButton = nicEditorButton.extend({
  init: function() {
    if (!this.ne.options.onSave) {
      this.margin.setStyle({
        'display': 'none'
      });
    }
  },
  mouseClick: function() {
    var onSave = this.ne.options.onSave;
    var selectedInstance = this.ne.selectedInstance;
    onSave(selectedInstance.getContent(), selectedInstance.elm.id, selectedInstance);
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicSaveOptions);
 
 
 
/* START CONFIG */
var nicUploadOptions = {
  buttons: {
    'upload': {
      name: 'Upload Image',
      type: 'nicUploadButton'
    }
  }
 
};
/* END CONFIG */
 
var nicUploadButton = nicEditorAdvancedButton.extend({
  nicURI: 'http://files.nicedit.com/',
 
  addPane: function() {
    this.im = this.ne.selectedInstance.selElm().parentTag('IMG');
    this.myID = Math.round(Math.random() * Math.pow(10, 15));
    this.requestInterval = 1000;
    this.uri = this.ne.options.uploadURI || this.nicURI;
    nicUploadButton.lastPlugin = this;
 
    this.myFrame = new bkElement('iframe').setAttributes({
      width: '100%',
      height: '100px',
      frameBorder: 0,
      scrolling: 'no'
    }).setStyle({
      border: 0
    }).appendTo(this.pane.pane);
    this.progressWrapper = new bkElement('div').setStyle({
      display: 'none',
      width: '100%',
      height: '20px',
      border: '1px solid #ccc'
    }).appendTo(this.pane.pane);
    this.progress = new bkElement('div').setStyle({
      width: '0%',
      height: '20px',
      backgroundColor: '#ccc'
    }).setContent('&nbsp').appendTo(this.progressWrapper);
 
    setTimeout(this.addForm.closure(this), 50);
  },
 
  addForm: function() {
    var myDoc = this.myDoc = this.myFrame.contentWindow.document;
    myDoc.open();
    myDoc.write("<html><body>");
    myDoc.write('<form method="post" action="' + this.uri + '?id=' + this.myID + '" enctype="multipart/form-data">');
    myDoc.write('<input type="hidden" name="APC_UPLOAD_PROGRESS" value="' + this.myID + '" />');
    if (this.uri == this.nicURI) {
      myDoc.write('<div style="position: absolute; margin-left: 160px;"><img src="http://imageshack.us/img/imageshack.png" width="30" style="float: left;" /><div style="float: left; margin-left: 5px; font-size: 10px;">Hosted by<br /><a href="http://www.imageshack.us/" target="_blank">ImageShack</a></div></div>');
    }
    myDoc.write('<div style="font-size: 14px; font-weight: bold; padding-top: 5px;">Insert an Image</div>');
    myDoc.write('<input name="nicImage" type="file" style="margin-top: 10px;" />');
    myDoc.write('</form>');
    myDoc.write("</body></html>");
    myDoc.close();
 
    this.myBody = myDoc.body;
 
    this.myForm = $BK(this.myBody.getElementsByTagName('form')[0]);
    this.myInput = $BK(this.myBody.getElementsByTagName('input')[1]).addEvent('change', this.startUpload.closure(this));
    this.myStatus = new bkElement('div', this.myDoc).setStyle({
      textAlign: 'center',
      fontSize: '14px'
    }).appendTo(this.myBody);
  },
 
  startUpload: function() {
    this.myForm.setStyle({
      display: 'none'
    });
    this.myStatus.setContent('<img src="http://files.nicedit.com/ajax-loader.gif" style="float: right; margin-right: 40px;" /><strong>Uploading...</strong><br />Please wait');
    this.myForm.submit();
    setTimeout(this.makeRequest.closure(this), this.requestInterval);
  },
 
  makeRequest: function() {
    if (this.pane && this.pane.pane) {
      nicUploadButton.lastPlugin = this;
      var s = new bkElement('script').setAttributes({
        type: 'text/javascript',
        src: this.uri + '?check=' + this.myID + '&rand=' + Math.round(Math.random() * Math.pow(10, 15))
      }).addEvent('load', function() {
        s.parentNode.removeChild(s);
      }).appendTo(document.getElementsByTagName('head')[0]);
      if (this.requestInterval) {
        setTimeout(this.makeRequest.closure(this), this.requestInterval);
      }
    }
  },
 
  setProgress: function(percent) {
    this.progressWrapper.setStyle({
      display: 'block'
    });
    this.progress.setStyle({
      width: percent + '%'
    });
  },
 
  update: function(o) {
    if (o === false) {
      this.progressWrapper.setStyle({
        display: 'none'
      });
    } else if (o.url) {
      this.setProgress(100);
      this.requestInterval = false;
 
      if (!this.im) {
        this.ne.selectedInstance.restoreRng();
        var tmp = 'javascript:nicImTemp();';
        this.ne.nicCommand("insertImage", tmp);
        this.im = this.findElm('IMG', 'src', tmp);
      }
      var w = parseInt(this.ne.selectedInstance.elm.getStyle('width'), 10);
      if (this.im) {
        this.im.setAttributes({
          src: o.url,
          width: (w && o.width) ? Math.min(w, o.width) : ''
        });
      }
 
      this.removePane();
    } else if (o.error) {
      this.requestInterval = false;
      this.setProgress(100);
      alert("There was an error uploading your image (" + o.error + ").");
      this.removePane();
    } else if (o.noprogress) {
      this.progressWrapper.setStyle({
        display: 'none'
      });
      if (this.uri.indexOf('http:') == -1 || this.uri.indexOf(window.location.host) != -1) {
        this.requestInterval = false;
      }
    } else {
      this.setProgress(Math.round((o.current / o.total) * 75));
      if (o.interval) {
        this.requestInterval = o.interval;
      }
    }
  }
 
});
 
nicUploadButton.statusCb = function(o) {
  nicUploadButton.lastPlugin.update(o);
};
 
nicEditors.registerPlugin(nicPlugin, nicUploadOptions);
 
 
 
var nicXHTML = bkClass.extend({
  stripAttributes: ['_moz_dirty', '_moz_resizing', '_extended'],
  noShort: ['style', 'title', 'script', 'textarea', 'a'],
  cssReplace: {
    'font-weight:bold;': 'strong',
    'font-style:italic;': 'em'
  },
  sizes: {
    1: 'xx-small',
    2: 'x-small',
    3: 'small',
    4: 'medium',
    5: 'large',
    6: 'x-large'
  },
 
  construct: function(nicEditor) {
    this.ne = nicEditor;
    if (this.ne.options.xhtml) {
      nicEditor.addEvent('get', this.cleanup.closure(this));
    }
  },
 
  cleanup: function(ni) {
    var node = ni.getElm();
    var xhtml = this.toXHTML(node);
    ni.content = xhtml;
  },
 
  toXHTML: function(n, r, d) {
    var txt = '';
    var attrTxt = '';
    var cssTxt = '';
    var nType = n.nodeType;
    var nName = n.nodeName.toLowerCase();
    var nChild = n.hasChildNodes && n.hasChildNodes();
    var extraNodes = [];
 
    switch (nType) {
    case 1:
      var nAttributes = n.attributes;
 
      switch (nName) {
      case 'b':
        nName = 'strong';
        break;
      case 'i':
        nName = 'em';
        break;
      case 'font':
        nName = 'span';
        break;
      }
 
      if (r) {
        for (var i = 0; i < nAttributes.length; i++) {
          var attr = nAttributes[i];
 
          var attributeName = attr.nodeName.toLowerCase();
          var attributeValue = attr.nodeValue;
 
          if (!attr.specified || !attributeValue || bkLib.inArray(this.stripAttributes, attributeName) || typeof(attributeValue) == "function") {
            continue;
          }
 
          switch (attributeName) {
          case 'style':
            var css = attributeValue.replace(/ /g, "");
            for (var itm in this.cssReplace) {
              if (css.indexOf(itm) != -1) {
                extraNodes.push(this.cssReplace[itm]);
                css = css.replace(itm, '');
              }
            }
            cssTxt += css;
            attributeValue = "";
            break;
          case 'class':
            attributeValue = attributeValue.replace("Apple-style-span", "");
            break;
          case 'size':
            cssTxt += "font-size:" + this.sizes[attributeValue] + ';';
            attributeValue = "";
            break;
          }
 
          if (attributeValue) {
            attrTxt += ' ' + attributeName + '="' + attributeValue + '"';
          }
        }
 
        if (cssTxt) {
          attrTxt += ' style="' + cssTxt + '"';
        }
 
        for (var j = 0; j < extraNodes.length; j++) {
          txt += '<' + extraNodes[j] + '>';
        }
 
        if (attrTxt === "" && nName == "span") {
          r = false;
        }
        if (r) {
          txt += '<' + nName;
          if (nName != 'br') {
            txt += attrTxt;
          }
        }
      }
 
      if (!nChild && !bkLib.inArray(this.noShort, attributeName)) {
        if (r) {
          txt += ' />';
        }
      } else {
        if (r) {
          txt += '>';
        }
 
        for (var k = 0; k < n.childNodes.length; k++) {
          var results = this.toXHTML(n.childNodes[k], true, true);
          if (results) {
            txt += results;
          }
        }
      }
 
      if (r && nChild) {
        txt += '</' + nName + '>';
      }
 
      for (var l = 0; l < extraNodes.length; l++) {
        txt += '</' + extraNodes[l] + '>';
      }
 
      break;
    case 3:
      //if(n.nodeValue != '\n') {
      txt += n.nodeValue;
      //}
      break;
    }
 
    return txt;
  }
});
nicEditors.registerPlugin(nicXHTML);
 
 
 
var nicBBCode = bkClass.extend({
  construct: function(nicEditor) {
    this.ne = nicEditor;
    if (this.ne.options.bbCode) {
      nicEditor.addEvent('get', this.bbGet.closure(this));
      nicEditor.addEvent('set', this.bbSet.closure(this));
 
      var loadedPlugins = this.ne.loadedPlugins;
      for (var itm in loadedPlugins) {
        if (loadedPlugins[itm].toXHTML) {
          this.xhtml = loadedPlugins[itm];
        }
      }
    }
  },
 
  bbGet: function(ni) {
    var xhtml = this.xhtml.toXHTML(ni.getElm());
    ni.content = this.toBBCode(xhtml);
  },
 
  bbSet: function(ni) {
    ni.content = this.fromBBCode(ni.content);
  },
 
  toBBCode: function(xhtml) {
    function rp(r, m) {
      xhtml = xhtml.replace(r, m);
    }
 
    rp(/\n/gi, "");
    rp(/<strong>(.*?)<\/strong>/gi, "[b]$1[/b]");
    rp(/<em>(.*?)<\/em>/gi, "[i]$1[/i]");
    rp(/<span.*?style="text-decoration:underline;">(.*?)<\/span>/gi, "[u]$1[/u]");
    rp(/<ul>(.*?)<\/ul>/gi, "[list]$1[/list]");
    rp(/<li>(.*?)<\/li>/gi, "[*]$1[/*]");
    rp(/<ol>(.*?)<\/ol>/gi, "[list=1]$1[/list]");
    rp(/<img.*?src="(.*?)".*?>/gi, "[img]$1[/img]");
    rp(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi, "[url=$1]$2[/url]");
    rp(/<br.*?>/gi, "\n");
    rp(/<.*?>.*?<\/.*?>/gi, "");
 
    return xhtml;
  },
 
  fromBBCode: function(bbCode) {
    function rp(r, m) {
      bbCode = bbCode.replace(r, m);
    }
 
    rp(/\[b\](.*?)\[\/b\]/gi, "<strong>$1</strong>");
    rp(/\[i\](.*?)\[\/i\]/gi, "<em>$1</em>");
    rp(/\[u\](.*?)\[\/u\]/gi, "<span style=\"text-decoration:underline;\">$1</span>");
    rp(/\[list\](.*?)\[\/list\]/gi, "<ul>$1</ul>");
    rp(/\[list=1\](.*?)\[\/list\]/gi, "<ol>$1</ol>");
    rp(/\[\*\](.*?)\[\/\*\]/gi, "<li>$1</li>");
    rp(/\[img\](.*?)\[\/img\]/gi, "<img src=\"$1\" />");
    rp(/\[url=(.*?)\](.*?)\[\/url\]/gi, "<a href=\"$1\">$2</a>");
    rp(/\n/gi, "<br />");
    //rp(/\[.*?\](.*?)\[\/.*?\]/gi,"$1");
 
    return bbCode;
  }
 
 
});
nicEditors.registerPlugin(nicBBCode);
 
 
 
nicEditor = nicEditor.extend({
  floatingPanel: function() {
    this.floating = new bkElement('DIV').setStyle({
      position: 'absolute',
      top: '-1000px'
    }).appendTo(document.body);
    this.addEvent('focus', this.reposition.closure(this)).addEvent('blur', this.hide.closure(this));
    this.setPanel(this.floating);
  },
 
  reposition: function() {
    var e = this.selectedInstance.e;
    this.floating.setStyle({
      width: (parseInt(e.getStyle('width'), 10) || e.clientWidth) + 'px'
    });
    var top = e.offsetTop - this.floating.offsetHeight;
    if (top < 0) {
      top = e.offsetTop + e.offsetHeight;
    }
 
    this.floating.setStyle({
      top: top + 'px',
      left: e.offsetLeft + 'px',
      display: 'block'
    });
  },
 
  hide: function() {
    this.floating.setStyle({
      top: '-1000px'
    });
  }
});
 
 
 
/* START CONFIG */
var nicCodeOptions = {
  buttons: {
    'xhtml': {
      name: 'Edit HTML',
      type: 'nicCodeButton'
    }
  }
 
};
/* END CONFIG */
 
var nicCodeButton = nicEditorAdvancedButton.extend({
  width: '350px',
 
  addPane: function() {
    this.addForm({
      '': {
        type: 'title',
        txt: 'Edit HTML'
      },
      'code': {
        type: 'content',
        'value': this.ne.selectedInstance.getContent(),
        style: {
          width: '340px',
          height: '200px'
        }
      }
    });
  },
 
  submit: function(e) {
    var code = this.inputs['code'].value;
    this.ne.selectedInstance.setContent(code);
    this.removePane();
  }
});
 
nicEditors.registerPlugin(nicPlugin, nicCodeOptions);

nicedit_nicedit_latest_js

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:52:57 +0000

nicEdit-latest.js

https://js.nicedit.com/nicEdit-latest.js

nicEdit-latest.js

/* NicEdit - Micro Inline WYSIWYG
 * Copyright 2007-2008 Brian Kirchoff
 *
 * NicEdit is distributed under the terms of the MIT license
 * For more information visit http://nicedit.com/
 * Do not remove this copyright message
 */
var bkExtend=function(){var A=arguments;if(A.length==1){A=[this,A[0]]}for(var B in A[1]){A[0][B]=A[1][B]}return A[0]};function bkClass(){}bkClass.prototype.construct=function(){};bkClass.extend=function(C){var A=function(){if(arguments[0]!==bkClass){return this.construct.apply(this,arguments)}};var B=new this(bkClass);bkExtend(B,C);A.prototype=B;A.extend=this.extend;return A};var bkElement=bkClass.extend({construct:function(B,A){if(typeof (B)=="string"){B=(A||document).createElement(B)}B=$BK(B);return B},appendTo:function(A){A.appendChild(this);return this},appendBefore:function(A){A.parentNode.insertBefore(this,A);return this},addEvent:function(B,A){bkLib.addEvent(this,B,A);return this},setContent:function(A){this.innerHTML=A;return this},pos:function(){var C=curtop=0;var B=obj=this;if(obj.offsetParent){do{C+=obj.offsetLeft;curtop+=obj.offsetTop}while(obj=obj.offsetParent)}var A=(!window.opera)?parseInt(this.getStyle("border-width")||this.style.border)||0:0;return[C+A,curtop+A+this.offsetHeight]},noSelect:function(){bkLib.noSelect(this);return this},parentTag:function(A){var B=this;do{if(B&&B.nodeName&&B.nodeName.toUpperCase()==A){return B}B=B.parentNode}while(B);return false},hasClass:function(A){return this.className.match(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|$)"))},addClass:function(A){if(!this.hasClass(A)){this.className+=" nicEdit-"+A}return this},removeClass:function(A){if(this.hasClass(A)){this.className=this.className.replace(new RegExp("(\\s|^)nicEdit-"+A+"(\\s|$)")," ")}return this},setStyle:function(A){var B=this.style;for(var C in A){switch(C){case"float":B.cssFloat=B.styleFloat=A[C];break;case"opacity":B.opacity=A[C];B.filter="alpha(opacity="+Math.round(A[C]*100)+")";break;case"className":this.className=A[C];break;default:B[C]=A[C]}}return this},getStyle:function(A,C){var B=(!C)?document.defaultView:C;if(this.nodeType==1){return(B&&B.getComputedStyle)?B.getComputedStyle(this,null).getPropertyValue(A):this.currentStyle[bkLib.camelize(A)]}},remove:function(){this.parentNode.removeChild(this);return this},setAttributes:function(A){for(var B in A){this[B]=A[B]}return this}});var bkLib={isMSIE:(navigator.appVersion.indexOf("MSIE")!=-1),addEvent:function(C,B,A){(C.addEventListener)?C.addEventListener(B,A,false):C.attachEvent("on"+B,A)},toArray:function(C){var B=C.length,A=new Array(B);while(B--){A[B]=C[B]}return A},noSelect:function(B){if(B.setAttribute&&B.nodeName.toLowerCase()!="input"&&B.nodeName.toLowerCase()!="textarea"){B.setAttribute("unselectable","on")}for(var A=0;A<B.childNodes.length;A++){bkLib.noSelect(B.childNodes[A])}},camelize:function(A){return A.replace(/\-(.)/g,function(B,C){return C.toUpperCase()})},inArray:function(A,B){return(bkLib.search(A,B)!=null)},search:function(A,C){for(var B=0;B<A.length;B++){if(A[B]==C){return B}}return null},cancelEvent:function(A){A=A||window.event;if(A.preventDefault&&A.stopPropagation){A.preventDefault();A.stopPropagation()}return false},domLoad:[],domLoaded:function(){if(arguments.callee.done){return }arguments.callee.done=true;for(i=0;i<bkLib.domLoad.length;i++){bkLib.domLoad[i]()}},onDomLoaded:function(A){this.domLoad.push(A);if(document.addEventListener){document.addEventListener("DOMContentLoaded",bkLib.domLoaded,null)}else{if(bkLib.isMSIE){document.write("<style>.nicEdit-main p { margin: 0; }</style><script id=__ie_onload defer "+((location.protocol=="https:")?"src='javascript:void(0)'":"src=//0")+"><\/script>");$BK("__ie_onload").onreadystatechange=function(){if(this.readyState=="complete"){bkLib.domLoaded()}}}}window.onload=bkLib.domLoaded}};function $BK(A){if(typeof (A)=="string"){A=document.getElementById(A)}return(A&&!A.appendTo)?bkExtend(A,bkElement.prototype):A}var bkEvent={addEvent:function(A,B){if(B){this.eventList=this.eventList||{};this.eventList[A]=this.eventList[A]||[];this.eventList[A].push(B)}return this},fireEvent:function(){var A=bkLib.toArray(arguments),C=A.shift();if(this.eventList&&this.eventList[C]){for(var B=0;B<this.eventList[C].length;B++){this.eventList[C][B].apply(this,A)}}}};function __(A){return A}Function.prototype.closure=function(){var A=this,B=bkLib.toArray(arguments),C=B.shift();return function(){if(typeof (bkLib)!="undefined"){return A.apply(C,B.concat(bkLib.toArray(arguments)))}}};Function.prototype.closureListener=function(){var A=this,C=bkLib.toArray(arguments),B=C.shift();return function(E){E=E||window.event;if(E.target){var D=E.target}else{var D=E.srcElement}return A.apply(B,[E,D].concat(C))}};
 
 
 
var nicEditorConfig = bkClass.extend({
	buttons : {
		'bold' : {name : __('Click to Bold'), command : 'Bold', tags : ['B','STRONG'], css : {'font-weight' : 'bold'}, key : 'b'},
		'italic' : {name : __('Click to Italic'), command : 'Italic', tags : ['EM','I'], css : {'font-style' : 'italic'}, key : 'i'},
		'underline' : {name : __('Click to Underline'), command : 'Underline', tags : ['U'], css : {'text-decoration' : 'underline'}, key : 'u'},
		'left' : {name : __('Left Align'), command : 'justifyleft', noActive : true},
		'center' : {name : __('Center Align'), command : 'justifycenter', noActive : true},
		'right' : {name : __('Right Align'), command : 'justifyright', noActive : true},
		'justify' : {name : __('Justify Align'), command : 'justifyfull', noActive : true},
		'ol' : {name : __('Insert Ordered List'), command : 'insertorderedlist', tags : ['OL']},
		'ul' : 	{name : __('Insert Unordered List'), command : 'insertunorderedlist', tags : ['UL']},
		'subscript' : {name : __('Click to Subscript'), command : 'subscript', tags : ['SUB']},
		'superscript' : {name : __('Click to Superscript'), command : 'superscript', tags : ['SUP']},
		'strikethrough' : {name : __('Click to Strike Through'), command : 'strikeThrough', css : {'text-decoration' : 'line-through'}},
		'removeformat' : {name : __('Remove Formatting'), command : 'removeformat', noActive : true},
		'indent' : {name : __('Indent Text'), command : 'indent', noActive : true},
		'outdent' : {name : __('Remove Indent'), command : 'outdent', noActive : true},
		'hr' : {name : __('Horizontal Rule'), command : 'insertHorizontalRule', noActive : true}
	},
	iconsPath : 'http://js.nicedit.com/nicEditIcons-latest.gif',
	buttonList : ['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamily','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','bgcolor'],
	iconList : {"xhtml":1,"bgcolor":2,"forecolor":3,"bold":4,"center":5,"hr":6,"indent":7,"italic":8,"justify":9,"left":10,"ol":11,"outdent":12,"removeformat":13,"right":14,"save":25,"strikethrough":16,"subscript":17,"superscript":18,"ul":19,"underline":20,"image":21,"link":22,"unlink":23,"close":24,"arrow":26,"upload":27}
 
});
;
var nicEditors={nicPlugins:[],editors:[],registerPlugin:function(B,A){this.nicPlugins.push({p:B,o:A})},allTextAreas:function(C){var A=document.getElementsByTagName("textarea");for(var B=0;B<A.length;B++){nicEditors.editors.push(new nicEditor(C).panelInstance(A[B]))}return nicEditors.editors},findEditor:function(C){var B=nicEditors.editors;for(var A=0;A<B.length;A++){if(B[A].instanceById(C)){return B[A].instanceById(C)}}}};var nicEditor=bkClass.extend({construct:function(C){this.options=new nicEditorConfig();bkExtend(this.options,C);this.nicInstances=new Array();this.loadedPlugins=new Array();var A=nicEditors.nicPlugins;for(var B=0;B<A.length;B++){this.loadedPlugins.push(new A[B].p(this,A[B].o))}nicEditors.editors.push(this);bkLib.addEvent(document.body,"mousedown",this.selectCheck.closureListener(this))},panelInstance:function(B,C){B=this.checkReplace($BK(B));var A=new bkElement("DIV").setStyle({width:(parseInt(B.getStyle("width"))||B.clientWidth)+"px"}).appendBefore(B);this.setPanel(A);return this.addInstance(B,C)},checkReplace:function(B){var A=nicEditors.findEditor(B);if(A){A.removeInstance(B);A.removePanel()}return B},addInstance:function(B,C){B=this.checkReplace($BK(B));if(B.contentEditable||!!window.opera){var A=new nicEditorInstance(B,C,this)}else{var A=new nicEditorIFrameInstance(B,C,this)}this.nicInstances.push(A);return this},removeInstance:function(C){C=$BK(C);var B=this.nicInstances;for(var A=0;A<B.length;A++){if(B[A].e==C){B[A].remove();this.nicInstances.splice(A,1)}}},removePanel:function(A){if(this.nicPanel){this.nicPanel.remove();this.nicPanel=null}},instanceById:function(C){C=$BK(C);var B=this.nicInstances;for(var A=0;A<B.length;A++){if(B[A].e==C){return B[A]}}},setPanel:function(A){this.nicPanel=new nicEditorPanel($BK(A),this.options,this);this.fireEvent("panel",this.nicPanel);return this},nicCommand:function(B,A){if(this.selectedInstance){this.selectedInstance.nicCommand(B,A)}},getIcon:function(D,A){var C=this.options.iconList[D];var B=(A.iconFiles)?A.iconFiles[D]:"";return{backgroundImage:"url('"+((C)?this.options.iconsPath:B)+"')",backgroundPosition:((C)?((C-1)*-18):0)+"px 0px"}},selectCheck:function(C,A){var B=false;do{if(A.className&&A.className.indexOf("nicEdit")!=-1){return false}}while(A=A.parentNode);this.fireEvent("blur",this.selectedInstance,A);this.lastSelectedInstance=this.selectedInstance;this.selectedInstance=null;return false}});nicEditor=nicEditor.extend(bkEvent);
var nicEditorInstance=bkClass.extend({isSelected:false,construct:function(G,D,C){this.ne=C;this.elm=this.e=G;this.options=D||{};newX=parseInt(G.getStyle("width"))||G.clientWidth;newY=parseInt(G.getStyle("height"))||G.clientHeight;this.initialHeight=newY-8;var H=(G.nodeName.toLowerCase()=="textarea");if(H||this.options.hasPanel){var B=(bkLib.isMSIE&&!((typeof document.body.style.maxHeight!="undefined")&&document.compatMode=="CSS1Compat"));var E={width:newX+"px",border:"1px solid #ccc",borderTop:0,overflowY:"auto",overflowX:"hidden"};E[(B)?"height":"maxHeight"]=(this.ne.options.maxHeight)?this.ne.options.maxHeight+"px":null;this.editorContain=new bkElement("DIV").setStyle(E).appendBefore(G);var A=new bkElement("DIV").setStyle({width:(newX-8)+"px",margin:"4px",minHeight:newY+"px"}).addClass("main").appendTo(this.editorContain);G.setStyle({display:"none"});A.innerHTML=G.innerHTML;if(H){A.setContent(G.value);this.copyElm=G;var F=G.parentTag("FORM");if(F){bkLib.addEvent(F,"submit",this.saveContent.closure(this))}}A.setStyle((B)?{height:newY+"px"}:{overflow:"hidden"});this.elm=A}this.ne.addEvent("blur",this.blur.closure(this));this.init();this.blur()},init:function(){this.elm.setAttribute("contentEditable","true");if(this.getContent()==""){this.setContent("<br />")}this.instanceDoc=document.defaultView;this.elm.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keypress",this.keyDown.closureListener(this)).addEvent("focus",this.selected.closure(this)).addEvent("blur",this.blur.closure(this)).addEvent("keyup",this.selected.closure(this));this.ne.fireEvent("add",this)},remove:function(){this.saveContent();if(this.copyElm||this.options.hasPanel){this.editorContain.remove();this.e.setStyle({display:"block"});this.ne.removePanel()}this.disable();this.ne.fireEvent("remove",this)},disable:function(){this.elm.setAttribute("contentEditable","false")},getSel:function(){return(window.getSelection)?window.getSelection():document.selection},getRng:function(){var A=this.getSel();if(!A||A.rangeCount===0){return }return(A.rangeCount>0)?A.getRangeAt(0):A.createRange()},selRng:function(A,B){if(window.getSelection){B.removeAllRanges();B.addRange(A)}else{A.select()}},selElm:function(){var C=this.getRng();if(!C){return }if(C.startContainer){var D=C.startContainer;if(C.cloneContents().childNodes.length==1){for(var B=0;B<D.childNodes.length;B++){var A=D.childNodes[B].ownerDocument.createRange();A.selectNode(D.childNodes[B]);if(C.compareBoundaryPoints(Range.START_TO_START,A)!=1&&C.compareBoundaryPoints(Range.END_TO_END,A)!=-1){return $BK(D.childNodes[B])}}}return $BK(D)}else{return $BK((this.getSel().type=="Control")?C.item(0):C.parentElement())}},saveRng:function(){this.savedRange=this.getRng();this.savedSel=this.getSel()},restoreRng:function(){if(this.savedRange){this.selRng(this.savedRange,this.savedSel)}},keyDown:function(B,A){if(B.ctrlKey){this.ne.fireEvent("key",this,B)}},selected:function(C,A){if(!A&&!(A=this.selElm)){A=this.selElm()}if(!C.ctrlKey){var B=this.ne.selectedInstance;if(B!=this){if(B){this.ne.fireEvent("blur",B,A)}this.ne.selectedInstance=this;this.ne.fireEvent("focus",B,A)}this.ne.fireEvent("selected",B,A);this.isFocused=true;this.elm.addClass("selected")}return false},blur:function(){this.isFocused=false;this.elm.removeClass("selected")},saveContent:function(){if(this.copyElm||this.options.hasPanel){this.ne.fireEvent("save",this);(this.copyElm)?this.copyElm.value=this.getContent():this.e.innerHTML=this.getContent()}},getElm:function(){return this.elm},getContent:function(){this.content=this.getElm().innerHTML;this.ne.fireEvent("get",this);return this.content},setContent:function(A){this.content=A;this.ne.fireEvent("set",this);this.elm.innerHTML=this.content},nicCommand:function(B,A){document.execCommand(B,false,A)}});
var nicEditorIFrameInstance=nicEditorInstance.extend({savedStyles:[],init:function(){var B=this.elm.innerHTML.replace(/^\s+|\s+$/g,"");this.elm.innerHTML="";(!B)?B="<br />":B;this.initialContent=B;this.elmFrame=new bkElement("iframe").setAttributes({src:"javascript:;",frameBorder:0,allowTransparency:"true",scrolling:"no"}).setStyle({height:"100px",width:"100%"}).addClass("frame").appendTo(this.elm);if(this.copyElm){this.elmFrame.setStyle({width:(this.elm.offsetWidth-4)+"px"})}var A=["font-size","font-family","font-weight","color"];for(itm in A){this.savedStyles[bkLib.camelize(itm)]=this.elm.getStyle(itm)}setTimeout(this.initFrame.closure(this),50)},disable:function(){this.elm.innerHTML=this.getContent()},initFrame:function(){var B=$BK(this.elmFrame.contentWindow.document);B.designMode="on";B.open();var A=this.ne.options.externalCSS;B.write("<html><head>"+((A)?'<link href="'+A+'" rel="stylesheet" type="text/css" />':"")+'</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">'+this.initialContent+"</body></html>");B.close();this.frameDoc=B;this.frameWin=$BK(this.elmFrame.contentWindow);this.frameContent=$BK(this.frameWin.document.body).setStyle(this.savedStyles);this.instanceDoc=this.frameWin.document.defaultView;this.heightUpdate();this.frameDoc.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keyup",this.heightUpdate.closureListener(this)).addEvent("keydown",this.keyDown.closureListener(this)).addEvent("keyup",this.selected.closure(this));this.ne.fireEvent("add",this)},getElm:function(){return this.frameContent},setContent:function(A){this.content=A;this.ne.fireEvent("set",this);this.frameContent.innerHTML=this.content;this.heightUpdate()},getSel:function(){return(this.frameWin)?this.frameWin.getSelection():this.frameDoc.selection},heightUpdate:function(){this.elmFrame.style.height=Math.max(this.frameContent.offsetHeight,this.initialHeight)+"px"},nicCommand:function(B,A){this.frameDoc.execCommand(B,false,A);setTimeout(this.heightUpdate.closure(this),100)}});
var nicEditorPanel=bkClass.extend({construct:function(E,B,A){this.elm=E;this.options=B;this.ne=A;this.panelButtons=new Array();this.buttonList=bkExtend([],this.ne.options.buttonList);this.panelContain=new bkElement("DIV").setStyle({overflow:"hidden",width:"100%",border:"1px solid #cccccc",backgroundColor:"#efefef"}).addClass("panelContain");this.panelElm=new bkElement("DIV").setStyle({margin:"2px",marginTop:"0px",zoom:1,overflow:"hidden"}).addClass("panel").appendTo(this.panelContain);this.panelContain.appendTo(E);var C=this.ne.options;var D=C.buttons;for(button in D){this.addButton(button,C,true)}this.reorder();E.noSelect()},addButton:function(buttonName,options,noOrder){var button=options.buttons[buttonName];var type=(button.type)?eval("(typeof("+button.type+') == "undefined") ? null : '+button.type+";"):nicEditorButton;var hasButton=bkLib.inArray(this.buttonList,buttonName);if(type&&(hasButton||this.ne.options.fullPanel)){this.panelButtons.push(new type(this.panelElm,buttonName,options,this.ne));if(!hasButton){this.buttonList.push(buttonName)}}},findButton:function(B){for(var A=0;A<this.panelButtons.length;A++){if(this.panelButtons[A].name==B){return this.panelButtons[A]}}},reorder:function(){var C=this.buttonList;for(var B=0;B<C.length;B++){var A=this.findButton(C[B]);if(A){this.panelElm.appendChild(A.margin)}}},remove:function(){this.elm.remove()}});
var nicEditorButton=bkClass.extend({construct:function(D,A,C,B){this.options=C.buttons[A];this.name=A;this.ne=B;this.elm=D;this.margin=new bkElement("DIV").setStyle({"float":"left",marginTop:"2px"}).appendTo(D);this.contain=new bkElement("DIV").setStyle({width:"20px",height:"20px"}).addClass("buttonContain").appendTo(this.margin);this.border=new bkElement("DIV").setStyle({backgroundColor:"#efefef",border:"1px solid #efefef"}).appendTo(this.contain);this.button=new bkElement("DIV").setStyle({width:"18px",height:"18px",overflow:"hidden",zoom:1,cursor:"pointer"}).addClass("button").setStyle(this.ne.getIcon(A,C)).appendTo(this.border);this.button.addEvent("mouseover",this.hoverOn.closure(this)).addEvent("mouseout",this.hoverOff.closure(this)).addEvent("mousedown",this.mouseClick.closure(this)).noSelect();if(!window.opera){this.button.onmousedown=this.button.onclick=bkLib.cancelEvent}B.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this)).addEvent("key",this.key.closure(this));this.disable();this.init()},init:function(){},hide:function(){this.contain.setStyle({display:"none"})},updateState:function(){if(this.isDisabled){this.setBg()}else{if(this.isHover){this.setBg("hover")}else{if(this.isActive){this.setBg("active")}else{this.setBg()}}}},setBg:function(A){switch(A){case"hover":var B={border:"1px solid #666",backgroundColor:"#ddd"};break;case"active":var B={border:"1px solid #666",backgroundColor:"#ccc"};break;default:var B={border:"1px solid #efefef",backgroundColor:"#efefef"}}this.border.setStyle(B).addClass("button-"+A)},checkNodes:function(A){var B=A;do{if(this.options.tags&&bkLib.inArray(this.options.tags,B.nodeName)){this.activate();return true}}while(B=B.parentNode&&B.className!="nicEdit");B=$BK(A);while(B.nodeType==3){B=$BK(B.parentNode)}if(this.options.css){for(itm in this.options.css){if(B.getStyle(itm,this.ne.selectedInstance.instanceDoc)==this.options.css[itm]){this.activate();return true}}}this.deactivate();return false},activate:function(){if(!this.isDisabled){this.isActive=true;this.updateState();this.ne.fireEvent("buttonActivate",this)}},deactivate:function(){this.isActive=false;this.updateState();if(!this.isDisabled){this.ne.fireEvent("buttonDeactivate",this)}},enable:function(A,B){this.isDisabled=false;this.contain.setStyle({opacity:1}).addClass("buttonEnabled");this.updateState();this.checkNodes(B)},disable:function(A,B){this.isDisabled=true;this.contain.setStyle({opacity:0.6}).removeClass("buttonEnabled");this.updateState()},toggleActive:function(){(this.isActive)?this.deactivate():this.activate()},hoverOn:function(){if(!this.isDisabled){this.isHover=true;this.updateState();this.ne.fireEvent("buttonOver",this)}},hoverOff:function(){this.isHover=false;this.updateState();this.ne.fireEvent("buttonOut",this)},mouseClick:function(){if(this.options.command){this.ne.nicCommand(this.options.command,this.options.commandArgs);if(!this.options.noActive){this.toggleActive()}}this.ne.fireEvent("buttonClick",this)},key:function(A,B){if(this.options.key&&B.ctrlKey&&String.fromCharCode(B.keyCode||B.charCode).toLowerCase()==this.options.key){this.mouseClick();if(B.preventDefault){B.preventDefault()}}}});
var nicPlugin=bkClass.extend({construct:function(B,A){this.options=A;this.ne=B;this.ne.addEvent("panel",this.loadPanel.closure(this));this.init()},loadPanel:function(C){var B=this.options.buttons;for(var A in B){C.addButton(A,this.options)}C.reorder()},init:function(){}});
 
 
var nicPaneOptions = { };
 
var nicEditorPane=bkClass.extend({construct:function(D,C,B,A){this.ne=C;this.elm=D;this.pos=D.pos();this.contain=new bkElement("div").setStyle({zIndex:"99999",overflow:"hidden",position:"absolute",left:this.pos[0]+"px",top:this.pos[1]+"px"});this.pane=new bkElement("div").setStyle({fontSize:"12px",border:"1px solid #ccc",overflow:"hidden",padding:"4px",textAlign:"left",backgroundColor:"#ffffc9"}).addClass("pane").setStyle(B).appendTo(this.contain);if(A&&!A.options.noClose){this.close=new bkElement("div").setStyle({"float":"right",height:"16px",width:"16px",cursor:"pointer"}).setStyle(this.ne.getIcon("close",nicPaneOptions)).addEvent("mousedown",A.removePane.closure(this)).appendTo(this.pane)}this.contain.noSelect().appendTo(document.body);this.position();this.init()},init:function(){},position:function(){if(this.ne.nicPanel){var B=this.ne.nicPanel.elm;var A=B.pos();var C=A[0]+parseInt(B.getStyle("width"))-(parseInt(this.pane.getStyle("width"))+8);if(C<this.pos[0]){this.contain.setStyle({left:C+"px"})}}},toggle:function(){this.isVisible=!this.isVisible;this.contain.setStyle({display:((this.isVisible)?"block":"none")})},remove:function(){if(this.contain){this.contain.remove();this.contain=null}},append:function(A){A.appendTo(this.pane)},setContent:function(A){this.pane.setContent(A)}});
 
 
var nicSelectOptions = {
	buttons : {
		'fontSize' : {name : __('Select Font Size'), type : 'nicEditorFontSizeSelect', command : 'fontsize'},
		'fontFamily' : {name : __('Select Font Family'), type : 'nicEditorFontFamilySelect', command : 'fontname'},
		'fontFormat' : {name : __('Select Font Format'), type : 'nicEditorFontFormatSelect', command : 'formatBlock'}
	}
};
 
var nicEditorSelect=bkClass.extend({construct:function(D,A,C,B){this.options=C.buttons[A];this.elm=D;this.ne=B;this.name=A;this.selOptions=new Array();this.margin=new bkElement("div").setStyle({"float":"left",margin:"2px 1px 0 1px"}).appendTo(this.elm);this.contain=new bkElement("div").setStyle({width:"90px",height:"20px",cursor:"pointer",overflow:"hidden"}).addClass("selectContain").addEvent("click",this.toggle.closure(this)).appendTo(this.margin);this.items=new bkElement("div").setStyle({overflow:"hidden",zoom:1,border:"1px solid #ccc",paddingLeft:"3px",backgroundColor:"#fff"}).appendTo(this.contain);this.control=new bkElement("div").setStyle({overflow:"hidden","float":"right",height:"18px",width:"16px"}).addClass("selectControl").setStyle(this.ne.getIcon("arrow",C)).appendTo(this.items);this.txt=new bkElement("div").setStyle({overflow:"hidden","float":"left",width:"66px",height:"14px",marginTop:"1px",fontFamily:"sans-serif",textAlign:"center",fontSize:"12px"}).addClass("selectTxt").appendTo(this.items);if(!window.opera){this.contain.onmousedown=this.control.onmousedown=this.txt.onmousedown=bkLib.cancelEvent}this.margin.noSelect();this.ne.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this));this.disable();this.init()},disable:function(){this.isDisabled=true;this.close();this.contain.setStyle({opacity:0.6})},enable:function(A){this.isDisabled=false;this.close();this.contain.setStyle({opacity:1})},setDisplay:function(A){this.txt.setContent(A)},toggle:function(){if(!this.isDisabled){(this.pane)?this.close():this.open()}},open:function(){this.pane=new nicEditorPane(this.items,this.ne,{width:"88px",padding:"0px",borderTop:0,borderLeft:"1px solid #ccc",borderRight:"1px solid #ccc",borderBottom:"0px",backgroundColor:"#fff"});for(var C=0;C<this.selOptions.length;C++){var B=this.selOptions[C];var A=new bkElement("div").setStyle({overflow:"hidden",borderBottom:"1px solid #ccc",width:"88px",textAlign:"left",overflow:"hidden",cursor:"pointer"});var D=new bkElement("div").setStyle({padding:"0px 4px"}).setContent(B[1]).appendTo(A).noSelect();D.addEvent("click",this.update.closure(this,B[0])).addEvent("mouseover",this.over.closure(this,D)).addEvent("mouseout",this.out.closure(this,D)).setAttributes("id",B[0]);this.pane.append(A);if(!window.opera){D.onmousedown=bkLib.cancelEvent}}},close:function(){if(this.pane){this.pane=this.pane.remove()}},over:function(A){A.setStyle({backgroundColor:"#ccc"})},out:function(A){A.setStyle({backgroundColor:"#fff"})},add:function(B,A){this.selOptions.push(new Array(B,A))},update:function(A){this.ne.nicCommand(this.options.command,A);this.close()}});var nicEditorFontSizeSelect=nicEditorSelect.extend({sel:{1:"1&nbsp;(8pt)",2:"2&nbsp;(10pt)",3:"3&nbsp;(12pt)",4:"4&nbsp;(14pt)",5:"5&nbsp;(18pt)",6:"6&nbsp;(24pt)"},init:function(){this.setDisplay("Font&nbsp;Size...");for(itm in this.sel){this.add(itm,'<font size="'+itm+'">'+this.sel[itm]+"</font>")}}});var nicEditorFontFamilySelect=nicEditorSelect.extend({sel:{arial:"Arial","comic sans ms":"Comic Sans","courier new":"Courier New",georgia:"Georgia",helvetica:"Helvetica",impact:"Impact","times new roman":"Times","trebuchet ms":"Trebuchet",verdana:"Verdana"},init:function(){this.setDisplay("Font&nbsp;Family...");for(itm in this.sel){this.add(itm,'<font face="'+itm+'">'+this.sel[itm]+"</font>")}}});var nicEditorFontFormatSelect=nicEditorSelect.extend({sel:{p:"Paragraph",pre:"Pre",h6:"Heading&nbsp;6",h5:"Heading&nbsp;5",h4:"Heading&nbsp;4",h3:"Heading&nbsp;3",h2:"Heading&nbsp;2",h1:"Heading&nbsp;1"},init:function(){this.setDisplay("Font&nbsp;Format...");for(itm in this.sel){var A=itm.toUpperCase();this.add("<"+A+">","<"+itm+' style="padding: 0px; margin: 0px;">'+this.sel[itm]+"</"+A+">")}}});nicEditors.registerPlugin(nicPlugin,nicSelectOptions);
 
var nicButtonTips=bkClass.extend({construct:function(A){this.ne=A;A.addEvent("buttonOver",this.show.closure(this)).addEvent("buttonOut",this.hide.closure(this))},show:function(A){this.timer=setTimeout(this.create.closure(this,A),400)},create:function(A){this.timer=null;if(!this.pane){this.pane=new nicEditorPane(A.button,this.ne,{fontSize:"12px",marginTop:"5px"});this.pane.setContent(A.options.name)}},hide:function(A){if(this.timer){clearTimeout(this.timer)}if(this.pane){this.pane=this.pane.remove()}}});nicEditors.registerPlugin(nicButtonTips);
 
var nicEditorAdvancedButton=nicEditorButton.extend({init:function(){this.ne.addEvent("selected",this.removePane.closure(this)).addEvent("blur",this.removePane.closure(this))},mouseClick:function(){if(!this.isDisabled){if(this.pane&&this.pane.pane){this.removePane()}else{this.pane=new nicEditorPane(this.contain,this.ne,{width:(this.width||"270px"),backgroundColor:"#fff"},this);this.addPane();this.ne.selectedInstance.saveRng()}}},addForm:function(C,G){this.form=new bkElement("form").addEvent("submit",this.submit.closureListener(this));this.pane.append(this.form);this.inputs={};for(itm in C){var D=C[itm];var F="";if(G){F=G.getAttribute(itm)}if(!F){F=D.value||""}var A=C[itm].type;if(A=="title"){new bkElement("div").setContent(D.txt).setStyle({fontSize:"14px",fontWeight:"bold",padding:"0px",margin:"2px 0"}).appendTo(this.form)}else{var B=new bkElement("div").setStyle({overflow:"hidden",clear:"both"}).appendTo(this.form);if(D.txt){new bkElement("label").setAttributes({"for":itm}).setContent(D.txt).setStyle({margin:"2px 4px",fontSize:"13px",width:"50px",lineHeight:"20px",textAlign:"right","float":"left"}).appendTo(B)}switch(A){case"text":this.inputs[itm]=new bkElement("input").setAttributes({id:itm,value:F,type:"text"}).setStyle({margin:"2px 0",fontSize:"13px","float":"left",height:"20px",border:"1px solid #ccc",overflow:"hidden"}).setStyle(D.style).appendTo(B);break;case"select":this.inputs[itm]=new bkElement("select").setAttributes({id:itm}).setStyle({border:"1px solid #ccc","float":"left",margin:"2px 0"}).appendTo(B);for(opt in D.options){var E=new bkElement("option").setAttributes({value:opt,selected:(opt==F)?"selected":""}).setContent(D.options[opt]).appendTo(this.inputs[itm])}break;case"content":this.inputs[itm]=new bkElement("textarea").setAttributes({id:itm}).setStyle({border:"1px solid #ccc","float":"left"}).setStyle(D.style).appendTo(B);this.inputs[itm].value=F}}}new bkElement("input").setAttributes({type:"submit"}).setStyle({backgroundColor:"#efefef",border:"1px solid #ccc",margin:"3px 0","float":"left",clear:"both"}).appendTo(this.form);this.form.onsubmit=bkLib.cancelEvent},submit:function(){},findElm:function(B,A,E){var D=this.ne.selectedInstance.getElm().getElementsByTagName(B);for(var C=0;C<D.length;C++){if(D[C].getAttribute(A)==E){return $BK(D[C])}}},removePane:function(){if(this.pane){this.pane.remove();this.pane=null;this.ne.selectedInstance.restoreRng()}}});
 
 
var nicLinkOptions = {
	buttons : {
		'link' : {name : 'Add Link', type : 'nicLinkButton', tags : ['A']},
		'unlink' : {name : 'Remove Link',  command : 'unlink', noActive : true}
	}
};
 
var nicLinkButton=nicEditorAdvancedButton.extend({addPane:function(){this.ln=this.ne.selectedInstance.selElm().parentTag("A");this.addForm({"":{type:"title",txt:"Add/Edit Link"},href:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},title:{type:"text",txt:"Title"},target:{type:"select",txt:"Open In",options:{"":"Current Window",_blank:"New Window"},style:{width:"100px"}}},this.ln)},submit:function(C){var A=this.inputs.href.value;if(A=="http://"||A==""){alert("You must enter a URL to Create a Link");return false}this.removePane();if(!this.ln){var B="javascript:nicTemp();";this.ne.nicCommand("createlink",B);this.ln=this.findElm("A","href",B)}if(this.ln){this.ln.setAttributes({href:this.inputs.href.value,title:this.inputs.title.value,target:this.inputs.target.options[this.inputs.target.selectedIndex].value})}}});nicEditors.registerPlugin(nicPlugin,nicLinkOptions);
 
 
var nicColorOptions = {
	buttons : {
		'forecolor' : {name : __('Change Text Color'), type : 'nicEditorColorButton', noClose : true},
		'bgcolor' : {name : __('Change Background Color'), type : 'nicEditorBgColorButton', noClose : true}
	}
};
 
var nicEditorColorButton=nicEditorAdvancedButton.extend({addPane:function(){var D={0:"00",1:"33",2:"66",3:"99",4:"CC",5:"FF"};var H=new bkElement("DIV").setStyle({width:"270px"});for(var A in D){for(var F in D){for(var E in D){var I="#"+D[A]+D[E]+D[F];var C=new bkElement("DIV").setStyle({cursor:"pointer",height:"15px","float":"left"}).appendTo(H);var G=new bkElement("DIV").setStyle({border:"2px solid "+I}).appendTo(C);var B=new bkElement("DIV").setStyle({backgroundColor:I,overflow:"hidden",width:"11px",height:"11px"}).addEvent("click",this.colorSelect.closure(this,I)).addEvent("mouseover",this.on.closure(this,G)).addEvent("mouseout",this.off.closure(this,G,I)).appendTo(G);if(!window.opera){C.onmousedown=B.onmousedown=bkLib.cancelEvent}}}}this.pane.append(H.noSelect())},colorSelect:function(A){this.ne.nicCommand("foreColor",A);this.removePane()},on:function(A){A.setStyle({border:"2px solid #000"})},off:function(A,B){A.setStyle({border:"2px solid "+B})}});var nicEditorBgColorButton=nicEditorColorButton.extend({colorSelect:function(A){this.ne.nicCommand("hiliteColor",A);this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicColorOptions);
 
 
var nicImageOptions = {
	buttons : {
		'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']}
	}
 
};
 
var nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG");this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{none:"Default",left:"Left",right:"Right"}}},this.im)},submit:function(B){var C=this.inputs.src.value;if(C==""||C=="http://"){alert("You must enter a Image URL to insert");return false}this.removePane();if(!this.im){var A="javascript:nicImTemp();";this.ne.nicCommand("insertImage",A);this.im=this.findElm("IMG","src",A)}if(this.im){this.im.setAttributes({src:this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);
 
 
var nicSaveOptions = {
	buttons : {
		'save' : {name : __('Save this content'), type : 'nicEditorSaveButton'}
	}
};
 
var nicEditorSaveButton=nicEditorButton.extend({init:function(){if(!this.ne.options.onSave){this.margin.setStyle({display:"none"})}},mouseClick:function(){var B=this.ne.options.onSave;var A=this.ne.selectedInstance;B(A.getContent(),A.elm.id,A)}});nicEditors.registerPlugin(nicPlugin,nicSaveOptions);
 
var nicXHTML=bkClass.extend({stripAttributes:["_moz_dirty","_moz_resizing","_extended"],noShort:["style","title","script","textarea","a"],cssReplace:{"font-weight:bold;":"strong","font-style:italic;":"em"},sizes:{1:"xx-small",2:"x-small",3:"small",4:"medium",5:"large",6:"x-large"},construct:function(A){this.ne=A;if(this.ne.options.xhtml){A.addEvent("get",this.cleanup.closure(this))}},cleanup:function(A){var B=A.getElm();var C=this.toXHTML(B);A.content=C},toXHTML:function(C,A,L){var G="";var O="";var P="";var I=C.nodeType;var Q=C.nodeName.toLowerCase();var N=C.hasChildNodes&&C.hasChildNodes();var B=new Array();switch(I){case 1:var H=C.attributes;switch(Q){case"b":Q="strong";break;case"i":Q="em";break;case"font":Q="span";break}if(A){for(var F=0;F<H.length;F++){var K=H[F];var M=K.nodeName.toLowerCase();var D=K.nodeValue;if(!K.specified||!D||bkLib.inArray(this.stripAttributes,M)||typeof (D)=="function"){continue}switch(M){case"style":var J=D.replace(/ /g,"");for(itm in this.cssReplace){if(J.indexOf(itm)!=-1){B.push(this.cssReplace[itm]);J=J.replace(itm,"")}}P+=J;D="";break;case"class":D=D.replace("Apple-style-span","");break;case"size":P+="font-size:"+this.sizes[D]+";";D="";break}if(D){O+=" "+M+'="'+D+'"'}}if(P){O+=' style="'+P+'"'}for(var F=0;F<B.length;F++){G+="<"+B[F]+">"}if(O==""&&Q=="span"){A=false}if(A){G+="<"+Q;if(Q!="br"){G+=O}}}if(!N&&!bkLib.inArray(this.noShort,M)){if(A){G+=" />"}}else{if(A){G+=">"}for(var F=0;F<C.childNodes.length;F++){var E=this.toXHTML(C.childNodes[F],true,true);if(E){G+=E}}}if(A&&N){G+="</"+Q+">"}for(var F=0;F<B.length;F++){G+="</"+B[F]+">"}break;case 3:G+=C.nodeValue;break}return G}});nicEditors.registerPlugin(nicXHTML);
 
 
var nicCodeOptions = {
	buttons : {
		'xhtml' : {name : 'Edit HTML', type : 'nicCodeButton'}
	}
 
};
 
var nicCodeButton=nicEditorAdvancedButton.extend({width:"350px",addPane:function(){this.addForm({"":{type:"title",txt:"Edit HTML"},code:{type:"content",value:this.ne.selectedInstance.getContent(),style:{width:"340px",height:"200px"}}})},submit:function(B){var A=this.inputs.code.value;this.ne.selectedInstance.setContent(A);this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicCodeOptions);
 
var nicBBCode=bkClass.extend({construct:function(A){this.ne=A;if(this.ne.options.bbCode){A.addEvent("get",this.bbGet.closure(this));A.addEvent("set",this.bbSet.closure(this));var B=this.ne.loadedPlugins;for(itm in B){if(B[itm].toXHTML){this.xhtml=B[itm]}}}},bbGet:function(A){var B=this.xhtml.toXHTML(A.getElm());A.content=this.toBBCode(B)},bbSet:function(A){A.content=this.fromBBCode(A.content)},toBBCode:function(B){function A(D,C){B=B.replace(D,C)}A(/\n/gi,"");A(/<strong>(.*?)<\/strong>/gi,"[b]$1[/b]");A(/<em>(.*?)<\/em>/gi,"[i]$1[/i]");A(/<span.*?style="text-decoration:underline;">(.*?)<\/span>/gi,"[u]$1[/u]");A(/<ul>(.*?)<\/ul>/gi,"[list]$1[/list]");A(/<li>(.*?)<\/li>/gi,"[*]$1[]");A(/<ol>(.*?)<\/ol>/gi,"[list=1]$1[/list]");A(/<img.*?src="(.*?)".*?>/gi,"[img]$1[/img]");A(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]");A(/<br.*?>/gi,"\n");A(/<.*?>.*?<\/.*?>/gi,"");return B},fromBBCode:function(A){function B(D,C){A=A.replace(D,C)}B(/\[b\](.*?)\[\/b\]/gi,"<strong>$1</strong>");B(/\[i\](.*?)\[\/i\]/gi,"<em>$1</em>");B(/\[u\](.*?)\[\/u\]/gi,'<span style="text-decoration:underline;">$1</span>');B(/\[list\](.*?)\[\/list\]/gi,"<ul>$1</ul>");B(/\[list=1\](.*?)\[\/list\]/gi,"<ol>$1</ol>");B(/\[\*\](.*?)\[\/\*\]/gi,"<li>$1</li>");B(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />');B(/\[url=(.*?)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>');B(/\n/gi,"<br />");return A}});nicEditors.registerPlugin(nicBBCode);
 
 
var nicUploadOptions = {
	buttons : {
		'upload' : {name : 'Upload Image', type : 'nicUploadButton'}
	}
 
};
 
var nicUploadButton=nicEditorAdvancedButton.extend({nicURI:"https://api.imgur.com/3/image",errorText:"Failed to upload image",addPane:function(){if(typeof window.FormData==="undefined"){return this.onError("Image uploads are not supported in this browser, use Chrome, Firefox, or Safari instead.")}this.im=this.ne.selectedInstance.selElm().parentTag("IMG");var A=new bkElement("div").setStyle({padding:"10px"}).appendTo(this.pane.pane);new bkElement("div").setStyle({fontSize:"14px",fontWeight:"bold",paddingBottom:"5px"}).setContent("Insert an Image").appendTo(A);this.fileInput=new bkElement("input").setAttributes({type:"file"}).appendTo(A);this.progress=new bkElement("progress").setStyle({width:"100%",display:"none"}).setAttributes("max",100).appendTo(A);this.fileInput.onchange=this.uploadFile.closure(this)},onError:function(A){this.removePane();alert(A||"Failed to upload image")},uploadFile:function(){var B=this.fileInput.files[0];if(!B||!B.type.match(/image.*/)){this.onError("Only image files can be uploaded");return }this.fileInput.setStyle({display:"none"});this.setProgress(0);var A=new FormData();A.append("image",B);var C=new XMLHttpRequest();C.open("POST",this.ne.options.uploadURI||this.nicURI);C.onload=function(){try{var D=JSON.parse(C.responseText).data}catch(E){return this.onError()}if(D.error){return this.onError(D.error)}this.onUploaded(D)}.closure(this);C.onerror=this.onError.closure(this);C.upload.onprogress=function(D){this.setProgress(D.loaded/D.total)}.closure(this);C.setRequestHeader("Authorization","Client-ID c37fc05199a05b7");C.send(A)},setProgress:function(A){this.progress.setStyle({display:"block"});if(A<0.98){this.progress.value=A}else{this.progress.removeAttribute("value")}},onUploaded:function(B){this.removePane();var D=B.link;if(!this.im){this.ne.selectedInstance.restoreRng();var C="javascript:nicImTemp();";this.ne.nicCommand("insertImage",D);this.im=this.findElm("IMG","src",D)}var A=parseInt(this.ne.selectedInstance.elm.getStyle("width"));if(this.im){this.im.setAttributes({src:D,width:(A&&B.width)?Math.min(A,B.width):""})}}});nicEditors.registerPlugin(nicPlugin,nicUploadOptions);

nicedit_nicedit_min_js_map

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:46:19 +0000

nicEdit.min.js.map

https://cdnjs.cloudflare.com/ajax/libs/NicEdit/0.93/nicEdit.min.js.map

nicEdit.min.js.map

{"version":3,"sources":["nicEdit.js"],"names":["bkClass","$BK","elm","document","getElementById","appendTo","bkExtend","bkElement","prototype","__","s","args","arguments","length","this","prop","construct","extend","def","classDef","apply","proto","d","createElement","appendChild","appendBefore","parentNode","insertBefore","addEvent","type","fn","bkLib","setContent","c","innerHTML","pos","curleft","curtop","obj","offsetParent","offsetLeft","offsetTop","b","window","opera","parseInt","getStyle","style","border","offsetHeight","noSelect","parentTag","t","nodeName","toUpperCase","hasClass","cls","className","match","RegExp","addClass","removeClass","replace","setStyle","st","elmStyle","itm","opacity","filter","Math","round","cssRule","doc","defaultView","nodeType","getComputedStyle","getPropertyValue","currentStyle","camelize","remove","removeChild","setAttributes","at","isMSIE","navigator","appVersion","indexOf","addEventListener","attachEvent","toArray","iterable","results","Array","element","setAttribute","toLowerCase","i","childNodes","m","l","inArray","arr","item","search","cancelEvent","e","event","preventDefault","stopPropagation","domLoad","domLoaded","callee","done","onDomLoaded","fireThis","push","write","location","protocol","onreadystatechange","readyState","onload","bkEvent","evType","evFunc","eventList","fireEvent","shift","Function","closure","__method","concat","closureListener","object","target","srcElement","nicEditorConfig","buttons","bold","name","command","tags","css","font-weight","key","italic","font-style","underline","text-decoration","left","noActive","center","right","justify","ol","ul","subscript","superscript","strikethrough","removeformat","indent","outdent","hr","iconsPath","buttonList","iconList","xhtml","bgcolor","forecolor","save","image","link","unlink","close","arrow","upload","initWithLineBreak","nicEditors","nicPlugins","editors","registerPlugin","plugin","options","p","o","allTextAreas","nicOptions","textareas","getElementsByTagName","nicEditor","panelInstance","findEditor","instanceById","nicInstances","loadedPlugins","plugins","body","selectCheck","checkReplace","panelElm","width","clientWidth","setPanel","addInstance","r","removeInstance","removePanel","newInstance","contentEditable","nicEditorInstance","nicEditorIFrameInstance","instances","splice","nicPanel","nicEditorPanel","nicCommand","cmd","selectedInstance","getIcon","iconName","icon","file","iconFiles","backgroundImage","backgroundPosition","lastSelectedInstance","isSelected","ne","newX","newY","clientHeight","initialHeight","isTextarea","hasPanel","ie7s","maxHeight","compatMode","borderTop","overflowY","overflowX","editorContain","editorElm","margin","minHeight","display","copyElm","f","saveContent","height","overflow","blur","init","getContent","instanceDoc","selected","keyDown","disable","getSel","getSelection","selection","getRng","rangeCount","getRangeAt","createRange","selRng","rng","removeAllRanges","addRange","select","selElm","startContainer","contain","cloneContents","ownerDocument","selectNode","compareBoundaryPoints","Range","START_TO_START","END_TO_END","parentElement","saveRng","savedRange","savedSel","restoreRng","ctrlKey","selInstance","isFocused","value","getElm","content","execCommand","savedStyles","initialContent","elmFrame","src","frameBorder","allowTransparency","scrolling","offsetWidth","styleList","setTimeout","initFrame","fd","contentWindow","designMode","open","externalCSS","frameDoc","frameWin","frameContent","heightUpdate","max","panelButtons","panelContain","backgroundColor","marginTop","zoom","opt","button","addButton","reorder","buttonName","noOrder","undefined","nicEditorButton","hasButton","fullPanel","findButton","bl","float","cursor","hoverOn","hoverOff","mouseClick","onmousedown","onclick","enable","hide","updateState","isDisabled","setBg","isHover","isActive","state","stateStyle","checkNodes","activate","deactivate","ins","toggleActive","commandArgs","nicInstance","String","fromCharCode","keyCode","charCode","nicPlugin","loadPanel","np","nicPaneOptions","nicEditorPane","openButton","zIndex","position","top","pane","fontSize","padding","textAlign","noClose","removePane","newLeft","toggle","isVisible","append","nicEditorAdvancedButton","addPane","addForm","form","submit","inputs","field","val","getAttribute","txt","fontWeight","clear","for","lineHeight","id","onsubmit","findElm","tag","attr","list","nicButtonTips","show","timer","create","clearTimeout","nicSelectOptions","fontFamily","fontFormat","nicEditorSelect","selOptions","items","paddingLeft","control","setDisplay","borderLeft","borderRight","borderBottom","itmContain","update","over","out","add","k","v","nicEditorFontSizeSelect","sel","1","2","3","4","5","6","nicEditorFontFamilySelect","arial","comic sans ms","courier new","georgia","helvetica","impact","times new roman","trebuchet ms","verdana","nicEditorFontFormatSelect","pre","h6","h5","h4","h3","h2","h1","nicLinkOptions","nicLinkButton","ln","","href","title","_blank","url","alert","tmp","oldTitle","selectedIndex","nicColorOptions","nicEditorColorButton","colorList","0","colorItems","g","colorCode","colorSquare","colorBorder","colorInner","colorSelect","on","off","nicEditorBgColorButton","nicImageOptions","nicImageButton","im","alt","align","none","nicSaveOptions","nicEditorSaveButton","onSave","nicUploadOptions","nicUploadButton","nicURI","myID","random","pow","requestInterval","uri","uploadURI","lastPlugin","myFrame","progressWrapper","progress","myDoc","myBody","myForm","myInput","startUpload","myStatus","makeRequest","setProgress","percent","w","min","error","noprogress","host","current","total","interval","statusCb","nicXHTML","stripAttributes","noShort","cssReplace","font-weight:bold;","font-style:italic;","sizes","cleanup","ni","node","toXHTML","n","attrTxt","cssTxt","nType","nName","nChild","hasChildNodes","extraNodes","nAttributes","attributes","attributeName","attributeValue","nodeValue","specified","j","nicBBCode","bbCode","bbGet","bbSet","toBBCode","fromBBCode","rp","floatingPanel","floating","reposition","nicCodeOptions","nicCodeButton","code"],"mappings":"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"}

nicedit_nicedit_min_js

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:39:58 +0000

nicEdit.min.js

https://cdnjs.cloudflare.com/ajax/libs/NicEdit/0.93/nicEdit.min.js

nicEdit.min.js

function bkClass(){}function $BK(t){return"string"==typeof t&&(t=document.getElementById(t)),t&&!t.appendTo?bkExtend(t,bkElement.prototype):t}function __(t){return t}var bkExtend=function(){var t=arguments;1==t.length&&(t=[this,t[0]]);for(var e in t[1])t[0][e]=t[1][e];return t[0]};bkClass.prototype.construct=function(){},bkClass.extend=function(t){var e=function(){if(arguments[0]!==bkClass)return this.construct.apply(this,arguments)},n=new this(bkClass);return bkExtend(n,t),e.prototype=n,e.extend=this.extend,e};var bkElement=bkClass.extend({construct:function(t,e){return"string"==typeof t&&(t=(e||document).createElement(t)),t=$BK(t)},appendTo:function(t){return t.appendChild(this),this},appendBefore:function(t){return t.parentNode.insertBefore(this,t),this},addEvent:function(t,e){return bkLib.addEvent(this,t,e),this},setContent:function(t){return this.innerHTML=t,this},pos:function(){var t=curtop=0;obj=this;if(obj.offsetParent)do{t+=obj.offsetLeft,curtop+=obj.offsetTop}while(obj=obj.offsetParent);var e=window.opera?0:parseInt(this.getStyle("border-width")||this.style.border,10)||0;return[t+e,curtop+e+this.offsetHeight]},noSelect:function(){return bkLib.noSelect(this),this},parentTag:function(t){var e=this;do{if(e&&e.nodeName&&e.nodeName.toUpperCase()==t)return e;e=e.parentNode}while(e);return!1},hasClass:function(t){return this.className.match(new RegExp("(\\s|^)nicEdit-"+t+"(\\s|$)"))},addClass:function(t){return this.hasClass(t)||(this.className+=" nicEdit-"+t),this},removeClass:function(t){return this.hasClass(t)&&(this.className=this.className.replace(new RegExp("(\\s|^)nicEdit-"+t+"(\\s|$)")," ")),this},setStyle:function(t){var e=this.style;for(var n in t)switch(n){case"float":e.cssFloat=e.styleFloat=t[n];break;case"opacity":e.opacity=t[n],e.filter="alpha(opacity="+Math.round(100*t[n])+")";break;case"className":this.className=t[n];break;default:e[n]=t[n]}return this},getStyle:function(t,e){var n=e||document.defaultView;if(1==this.nodeType)return n&&n.getComputedStyle?n.getComputedStyle(this,null).getPropertyValue(t):this.currentStyle[bkLib.camelize(t)]},remove:function(){return this.parentNode.removeChild(this),this},setAttributes:function(t){for(var e in t)this[e]=t[e];return this}}),bkLib={isMSIE:-1!=navigator.appVersion.indexOf("MSIE"),addEvent:function(t,e,n){t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent("on"+e,n)},toArray:function(t){for(var e=t.length,n=new Array(e);e--;)n[e]=t[e];return n},noSelect:function(t){t.setAttribute&&"input"!=t.nodeName.toLowerCase()&&"textarea"!=t.nodeName.toLowerCase()&&t.setAttribute("unselectable","on");for(var e=0;e<t.childNodes.length;e++)bkLib.noSelect(t.childNodes[e])},camelize:function(t){return t.replace(/\-(.)/g,function(t,e){return e.toUpperCase()})},inArray:function(t,e){return null!==bkLib.search(t,e)},search:function(t,e){for(var n=0;n<t.length;n++)if(t[n]==e)return n;return null},cancelEvent:function(t){return(t=t||window.event).preventDefault&&t.stopPropagation&&(t.preventDefault(),t.stopPropagation()),!1},domLoad:[],domLoaded:function(){if(!arguments.callee.done)for(arguments.callee.done=!0,i=0;i<bkLib.domLoad.length;i++)bkLib.domLoad[i]()},onDomLoaded:function(t){this.domLoad.push(t),document.addEventListener?document.addEventListener("DOMContentLoaded",bkLib.domLoaded,null):bkLib.isMSIE&&(document.write("<style>.nicEdit-main p { margin: 0; }</style><script id=__ie_onload defer "+("https:"==location.protocol?"src='javascript:void(0)'":"src=//0")+"><\/script>"),$BK("__ie_onload").onreadystatechange=function(){"complete"==this.readyState&&bkLib.domLoaded()}),window.onload=bkLib.domLoaded}},bkEvent={addEvent:function(t,e){return e&&(this.eventList=this.eventList||{},this.eventList[t]=this.eventList[t]||[],this.eventList[t].push(e)),this},fireEvent:function(){var t=bkLib.toArray(arguments),e=t.shift();if(this.eventList&&this.eventList[e])for(var n=0;n<this.eventList[e].length;n++)this.eventList[e][n].apply(this,t)}};Function.prototype.closure=function(){var t=this,e=bkLib.toArray(arguments),n=e.shift();return function(){if(void 0!==bkLib)return t.apply(n,e.concat(bkLib.toArray(arguments)))}},Function.prototype.closureListener=function(){var t=this,e=bkLib.toArray(arguments),n=e.shift();return function(i){var s;return i=i||window.event,s=i.target?i.target:i.srcElement,t.apply(n,[i,s].concat(e))}};var nicEditorConfig=bkClass.extend({buttons:{bold:{name:__("Click to Bold"),command:"Bold",tags:["B","STRONG"],css:{"font-weight":"bold"},key:"b"},italic:{name:__("Click to Italic"),command:"Italic",tags:["EM","I"],css:{"font-style":"italic"},key:"i"},underline:{name:__("Click to Underline"),command:"Underline",tags:["U"],css:{"text-decoration":"underline"},key:"u"},left:{name:__("Left Align"),command:"justifyleft",noActive:!0},center:{name:__("Center Align"),command:"justifycenter",noActive:!0},right:{name:__("Right Align"),command:"justifyright",noActive:!0},justify:{name:__("Justify Align"),command:"justifyfull",noActive:!0},ol:{name:__("Insert Ordered List"),command:"insertorderedlist",tags:["OL"]},ul:{name:__("Insert Unordered List"),command:"insertunorderedlist",tags:["UL"]},subscript:{name:__("Click to Subscript"),command:"subscript",tags:["SUB"]},superscript:{name:__("Click to Superscript"),command:"superscript",tags:["SUP"]},strikethrough:{name:__("Click to Strike Through"),command:"strikeThrough",css:{"text-decoration":"line-through"}},removeformat:{name:__("Remove Formatting"),command:"removeformat",noActive:!0},indent:{name:__("Indent Text"),command:"indent",noActive:!0},outdent:{name:__("Remove Indent"),command:"outdent",noActive:!0},hr:{name:__("Horizontal Rule"),command:"insertHorizontalRule",noActive:!0}},iconsPath:"../nicEditorIcons.gif",buttonList:["save","bold","italic","underline","left","center","right","justify","ol","ul","fontSize","fontFamily","fontFormat","indent","outdent","image","upload","link","unlink","forecolor","bgcolor"],iconList:{xhtml:1,bgcolor:2,forecolor:3,bold:4,center:5,hr:6,indent:7,italic:8,justify:9,left:10,ol:11,outdent:12,removeformat:13,right:14,save:25,strikethrough:16,subscript:17,superscript:18,ul:19,underline:20,image:21,link:22,unlink:23,close:24,arrow:26,upload:27},initWithLineBreak:!0}),nicEditors={nicPlugins:[],editors:[],registerPlugin:function(t,e){this.nicPlugins.push({p:t,o:e})},allTextAreas:function(t){for(var e=document.getElementsByTagName("textarea"),n=0;n<e.length;n++)nicEditors.editors.push(new nicEditor(t).panelInstance(e[n]));return nicEditors.editors},findEditor:function(t){for(var e=nicEditors.editors,n=0;n<e.length;n++)if(e[n].instanceById(t))return e[n]}},nicEditor=bkClass.extend({construct:function(t){this.options=new nicEditorConfig,bkExtend(this.options,t),this.nicInstances=[],this.loadedPlugins=[];for(var e=nicEditors.nicPlugins,n=0;n<e.length;n++)this.loadedPlugins.push(new e[n].p(this,e[n].o));nicEditors.editors.push(this),bkLib.addEvent(document.body,"mousedown",this.selectCheck.closureListener(this))},panelInstance:function(t,e){t=this.checkReplace($BK(t));var n=new bkElement("DIV").setStyle({width:(parseInt(t.getStyle("width"),10)||t.clientWidth)+"px"}).appendBefore(t);return this.setPanel(n),this.addInstance(t,e)},checkReplace:function(t){var e=nicEditors.findEditor(t);return e&&(e.removeInstance(t),e.removePanel()),t},addInstance:function(t,e){var n;return t=this.checkReplace($BK(t)),n=t.contentEditable||window.opera?new nicEditorInstance(t,e,this):new nicEditorIFrameInstance(t,e,this),this.nicInstances.push(n),this},removeInstance:function(t){t=$BK(t);for(var e=this.nicInstances,n=0;n<e.length;n++)e[n].e==t&&(e[n].remove(),this.nicInstances.splice(n,1))},removePanel:function(t){this.nicPanel&&(this.nicPanel.remove(),this.nicPanel=null)},instanceById:function(t){t=$BK(t);for(var e=this.nicInstances,n=0;n<e.length;n++)if(e[n].e==t)return e[n]},setPanel:function(t){return this.nicPanel=new nicEditorPanel($BK(t),this.options,this),this.fireEvent("panel",this.nicPanel),this},nicCommand:function(t,e){this.selectedInstance&&this.selectedInstance.nicCommand(t,e)},getIcon:function(t,e){var n=this.options.iconList[t],i=e.iconFiles?e.iconFiles[t]:"";return{backgroundImage:"url('"+(n?this.options.iconsPath:i)+"')",backgroundPosition:(n?-18*(n-1):0)+"px 0px"}},selectCheck:function(t,e){do{if(e.className&&-1!=e.className.indexOf("nicEdit"))return!1}while(e=e.parentNode);return this.fireEvent("blur",this.selectedInstance,e),this.lastSelectedInstance=this.selectedInstance,this.selectedInstance=null,!1}});nicEditor=nicEditor.extend(bkEvent);var nicEditorInstance=bkClass.extend({isSelected:!1,construct:function(t,e,n){this.ne=n,this.elm=this.e=t,this.options=e||{},newX=parseInt(t.getStyle("width"),10)||t.clientWidth,newY=parseInt(t.getStyle("height"),10)||t.clientHeight,this.initialHeight=newY-8;var i="textarea"==t.nodeName.toLowerCase();if(i||this.options.hasPanel){var s=bkLib.isMSIE&&!(void 0!==document.body.style.maxHeight&&"CSS1Compat"==document.compatMode),o={width:newX+"px",border:"1px solid #ccc",borderTop:0,overflowY:"auto",overflowX:"hidden"};o[s?"height":"maxHeight"]=this.ne.options.maxHeight?this.ne.options.maxHeight+"px":null,this.editorContain=new bkElement("DIV").setStyle(o).appendBefore(t);var a=new bkElement("DIV").setStyle({width:newX-8+"px",margin:"4px",minHeight:newY+"px"}).addClass("main").appendTo(this.editorContain);if(t.setStyle({display:"none"}),a.innerHTML=t.innerHTML,i){this.copyElm=t;var r=t.parentTag("FORM");r&&bkLib.addEvent(r,"submit",this.saveContent.closure(this))}a.setStyle(s?{height:newY+"px"}:{overflow:"hidden"}),this.elm=a}this.ne.addEvent("blur",this.blur.closure(this)),this.init(),this.blur()},init:function(){this.elm.setAttribute("contentEditable","true"),""===this.getContent()&&this.options.initWithLineBreak&&this.setContent("<br />"),this.instanceDoc=document.defaultView,this.elm.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keypress",this.keyDown.closureListener(this)).addEvent("focus",this.selected.closure(this)).addEvent("blur",this.blur.closure(this)).addEvent("keyup",this.selected.closure(this)),this.ne.fireEvent("add",this)},remove:function(){this.saveContent(),(this.copyElm||this.options.hasPanel)&&(this.editorContain.remove(),this.e.setStyle({display:"block"}),this.ne.removePanel()),this.disable(),this.ne.fireEvent("remove",this)},disable:function(){this.elm.setAttribute("contentEditable","false")},getSel:function(){return window.getSelection?window.getSelection():document.selection},getRng:function(){var t=this.getSel();return t?t.rangeCount>0?t.getRangeAt(0):t.createRange&&t.createRange()||document.createRange():null},selRng:function(t,e){window.getSelection?(e.removeAllRanges(),e.addRange(t)):t.select()},selElm:function(){var t=this.getRng();if(t.startContainer){var e=t.startContainer;if(1==t.cloneContents().childNodes.length)for(var n=0;n<e.childNodes.length;n++){var i=e.childNodes[n].ownerDocument.createRange();if(i.selectNode(e.childNodes[n]),1!=t.compareBoundaryPoints(Range.START_TO_START,i)&&-1!=t.compareBoundaryPoints(Range.END_TO_END,i))return $BK(e.childNodes[n])}return $BK(e)}return $BK("Control"==this.getSel().type?t.item(0):t.parentElement())},saveRng:function(){this.savedRange=this.getRng(),this.savedSel=this.getSel()},restoreRng:function(){this.savedRange&&this.selRng(this.savedRange,this.savedSel)},keyDown:function(t,e){this.ne.fireEvent("keyDown",this,t),t.ctrlKey&&this.ne.fireEvent("key",this,t)},selected:function(t,e){if(e||(e=this.selElm()),!t.ctrlKey){var n=this.ne.selectedInstance;n!=this&&(n&&this.ne.fireEvent("blur",n,e),this.ne.selectedInstance=this,this.ne.fireEvent("focus",n,e)),this.ne.fireEvent("selected",n,e),this.isFocused=!0,this.elm.addClass("selected")}return!1},blur:function(){this.isFocused=!1,this.elm.removeClass("selected")},saveContent:function(){(this.copyElm||this.options.hasPanel)&&(this.ne.fireEvent("save",this),this.copyElm?this.copyElm.value=this.getContent():this.e.innerHTML=this.getContent())},getElm:function(){return this.elm},getContent:function(){return this.content=this.getElm().innerHTML,this.ne.fireEvent("get",this),this.content},setContent:function(t){this.content=t,this.ne.fireEvent("set",this),this.elm.innerHTML=this.content},nicCommand:function(t,e){document.execCommand(t,!1,e)}}),nicEditorIFrameInstance=nicEditorInstance.extend({savedStyles:[],init:function(){var t=this.elm.innerHTML.replace(/^\s+|\s+$/g,"");this.elm.innerHTML="",t||(t="<br />"),this.initialContent=t,this.elmFrame=new bkElement("iframe").setAttributes({src:"javascript:;",frameBorder:0,allowTransparency:"true",scrolling:"no"}).setStyle({height:"100px",width:"100%"}).addClass("frame").appendTo(this.elm),this.copyElm&&this.elmFrame.setStyle({width:this.elm.offsetWidth-4+"px"});var e=["font-size","font-family","font-weight","color"];for(var n in e)this.savedStyles[bkLib.camelize(n)]=this.elm.getStyle(n);setTimeout(this.initFrame.closure(this),50)},disable:function(){this.elm.innerHTML=this.getContent()},initFrame:function(){var t=$BK(this.elmFrame.contentWindow.document);t.designMode="on",t.open();var e=this.ne.options.externalCSS;t.write("<html><head>"+(e?'<link href="'+e+'" rel="stylesheet" type="text/css" />':"")+'</head><body id="nicEditContent" style="margin: 0 !important; background-color: transparent !important;">'+this.initialContent+"</body></html>"),t.close(),this.frameDoc=t,this.frameWin=$BK(this.elmFrame.contentWindow),this.frameContent=$BK(this.frameWin.document.body).setStyle(this.savedStyles),this.instanceDoc=this.frameWin.document.defaultView,this.heightUpdate(),this.frameDoc.addEvent("mousedown",this.selected.closureListener(this)).addEvent("keyup",this.heightUpdate.closureListener(this)).addEvent("keydown",this.keyDown.closureListener(this)).addEvent("keyup",this.selected.closure(this)),this.ne.fireEvent("add",this)},getElm:function(){return this.frameContent},setContent:function(t){this.content=t,this.ne.fireEvent("set",this),this.frameContent.innerHTML=this.content,this.heightUpdate()},getSel:function(){return this.frameWin?this.frameWin.getSelection():this.frameDoc.selection},heightUpdate:function(){this.elmFrame.style.height=Math.max(this.frameContent.offsetHeight,this.initialHeight)+"px"},nicCommand:function(t,e){this.frameDoc.execCommand(t,!1,e),setTimeout(this.heightUpdate.closure(this),100)}}),nicEditorPanel=bkClass.extend({construct:function(t,e,n){this.elm=t,this.options=e,this.ne=n,this.panelButtons=[],this.buttonList=bkExtend([],this.ne.options.buttonList),this.panelContain=new bkElement("DIV").setStyle({overflow:"hidden",width:"100%",border:"1px solid #cccccc",backgroundColor:"#efefef"}).addClass("panelContain"),this.panelElm=new bkElement("DIV").setStyle({margin:"2px",marginTop:"0px",zoom:1,overflow:"hidden"}).addClass("panel").appendTo(this.panelContain),this.panelContain.appendTo(t);var i=this.ne.options,s=i.buttons;for(var o in s)this.addButton(o,i,!0);this.reorder(),t.noSelect()},addButton:function(t,e,n){var i=e.buttons[t],s=null;s=i.type?void 0===typeof window[i.type]?null:window[i.type]:nicEditorButton;var o=bkLib.inArray(this.buttonList,t);s&&(o||this.ne.options.fullPanel)&&(this.panelButtons.push(new s(this.panelElm,t,e,this.ne)),o||this.buttonList.push(t))},findButton:function(t){for(var e=0;e<this.panelButtons.length;e++)if(this.panelButtons[e].name==t)return this.panelButtons[e]},reorder:function(){for(var t=this.buttonList,e=0;e<t.length;e++){var n=this.findButton(t[e]);n&&this.panelElm.appendChild(n.margin)}},remove:function(){this.elm.remove()}}),nicEditorButton=bkClass.extend({construct:function(t,e,n,i){this.options=n.buttons[e],this.name=e,this.ne=i,this.elm=t,this.margin=new bkElement("DIV").setStyle({float:"left",marginTop:"2px"}).appendTo(t),this.contain=new bkElement("DIV").setStyle({width:"20px",height:"20px"}).addClass("buttonContain").appendTo(this.margin),this.border=new bkElement("DIV").setStyle({backgroundColor:"#efefef",border:"1px solid #efefef"}).appendTo(this.contain),this.button=new bkElement("DIV").setStyle({width:"18px",height:"18px",overflow:"hidden",zoom:1,cursor:"pointer"}).addClass("button").setStyle(this.ne.getIcon(e,n)).appendTo(this.border),this.button.addEvent("mouseover",this.hoverOn.closure(this)).addEvent("mouseout",this.hoverOff.closure(this)).addEvent("mousedown",this.mouseClick.closure(this)).noSelect(),window.opera||(this.button.onmousedown=this.button.onclick=bkLib.cancelEvent),i.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this)).addEvent("key",this.key.closure(this)),this.disable(),this.init()},init:function(){},hide:function(){this.contain.setStyle({display:"none"})},updateState:function(){this.isDisabled?this.setBg():this.isHover?this.setBg("hover"):this.isActive?this.setBg("active"):this.setBg()},setBg:function(t){var e;switch(t){case"hover":e={border:"1px solid #666",backgroundColor:"#ddd"};break;case"active":e={border:"1px solid #666",backgroundColor:"#ccc"};break;default:e={border:"1px solid #efefef",backgroundColor:"#efefef"}}this.border.setStyle(e).addClass("button-"+t)},checkNodes:function(t){var e=t;do{if(this.options.tags&&bkLib.inArray(this.options.tags,e.nodeName))return this.activate(),!0}while((e=e.parentNode)&&"nicEdit"!=e.className);for(e=$BK(t);3==e.nodeType;)e=$BK(e.parentNode);if(this.options.css)for(var n in this.options.css)if(e.getStyle(n,this.ne.selectedInstance.instanceDoc)==this.options.css[n])return this.activate(),!0;return this.deactivate(),!1},activate:function(){this.isDisabled||(this.isActive=!0,this.updateState(),this.ne.fireEvent("buttonActivate",this))},deactivate:function(){this.isActive=!1,this.updateState(),this.isDisabled||this.ne.fireEvent("buttonDeactivate",this)},enable:function(t,e){this.isDisabled=!1,this.contain.setStyle({opacity:1}).addClass("buttonEnabled"),this.updateState(),e!==document&&this.checkNodes(e)},disable:function(t,e){this.isDisabled=!0,this.contain.setStyle({opacity:.6}).removeClass("buttonEnabled"),this.updateState()},toggleActive:function(){this.isActive?this.deactivate():this.activate()},hoverOn:function(){this.isDisabled||(this.isHover=!0,this.updateState(),this.ne.fireEvent("buttonOver",this))},hoverOff:function(){this.isHover=!1,this.updateState(),this.ne.fireEvent("buttonOut",this)},mouseClick:function(){this.options.command&&(this.ne.nicCommand(this.options.command,this.options.commandArgs),this.options.noActive||this.toggleActive()),this.ne.fireEvent("buttonClick",this)},key:function(t,e){this.options.key&&e.ctrlKey&&String.fromCharCode(e.keyCode||e.charCode).toLowerCase()==this.options.key&&(this.mouseClick(),e.preventDefault&&e.preventDefault())}}),nicPlugin=bkClass.extend({construct:function(t,e){this.options=e,this.ne=t,this.ne.addEvent("panel",this.loadPanel.closure(this)),this.init()},loadPanel:function(t){var e=this.options.buttons;for(var n in e)t.addButton(n,this.options);t.reorder()},init:function(){}}),nicPaneOptions={},nicEditorPane=bkClass.extend({construct:function(t,e,n,i){this.ne=e,this.elm=t,this.pos=t.pos(),this.contain=new bkElement("div").setStyle({zIndex:"99999",overflow:"hidden",position:"absolute",left:this.pos[0]+"px",top:this.pos[1]+"px"}),this.pane=new bkElement("div").setStyle({fontSize:"12px",border:"1px solid #ccc",overflow:"hidden",padding:"4px",textAlign:"left",backgroundColor:"#ffffc9"}).addClass("pane").setStyle(n).appendTo(this.contain),i&&!i.options.noClose&&(this.close=new bkElement("div").setStyle({float:"right",height:"16px",width:"16px",cursor:"pointer"}).setStyle(this.ne.getIcon("close",nicPaneOptions)).addEvent("mousedown",i.removePane.closure(this)).appendTo(this.pane)),this.contain.noSelect().appendTo(document.body),this.position(),this.init()},init:function(){},position:function(){if(this.ne.nicPanel){var t=this.ne.nicPanel.elm,e=t.pos()[0]+parseInt(t.getStyle("width"),10)-(parseInt(this.pane.getStyle("width"),10)+8);e<this.pos[0]&&this.contain.setStyle({left:e+"px"})}},toggle:function(){this.isVisible=!this.isVisible,this.contain.setStyle({display:this.isVisible?"block":"none"})},remove:function(){this.contain&&(this.contain.remove(),this.contain=null)},append:function(t){t.appendTo(this.pane)},setContent:function(t){this.pane.setContent(t)}}),nicEditorAdvancedButton=nicEditorButton.extend({init:function(){this.ne.addEvent("selected",this.removePane.closure(this)).addEvent("blur",this.removePane.closure(this))},mouseClick:function(){this.isDisabled||(this.pane&&this.pane.pane?this.removePane():(this.pane=new nicEditorPane(this.contain,this.ne,{width:this.width||"270px",backgroundColor:"#fff"},this),this.addPane(),this.ne.selectedInstance.saveRng()))},addForm:function(t,e){this.form=new bkElement("form").addEvent("submit",this.submit.closureListener(this)),this.pane.append(this.form),this.inputs={};for(var n in t){var i=t[n],s="";e&&(s=e.getAttribute(n)),s||(s=i.value||"");var o=t[n].type;if("title"==o)new bkElement("div").setContent(i.txt).setStyle({fontSize:"14px",fontWeight:"bold",padding:"0px",margin:"2px 0"}).appendTo(this.form);else{var a=new bkElement("div").setStyle({overflow:"hidden",clear:"both"}).appendTo(this.form);switch(i.txt&&new bkElement("label").setAttributes({for:n}).setContent(i.txt).setStyle({margin:"2px 4px",fontSize:"13px",width:"50px",lineHeight:"20px",textAlign:"right",float:"left"}).appendTo(a),o){case"text":this.inputs[n]=new bkElement("input").setAttributes({id:n,value:s,type:"text"}).setStyle({margin:"2px 0",fontSize:"13px",float:"left",height:"20px",border:"1px solid #ccc",overflow:"hidden"}).setStyle(i.style).appendTo(a);break;case"select":this.inputs[n]=new bkElement("select").setAttributes({id:n}).setStyle({border:"1px solid #ccc",float:"left",margin:"2px 0"}).appendTo(a);for(var r in i.options)new bkElement("option").setAttributes({value:r,selected:r==s?"selected":""}).setContent(i.options[r]).appendTo(this.inputs[n]);break;case"content":this.inputs[n]=new bkElement("textarea").setAttributes({id:n}).setStyle({border:"1px solid #ccc",float:"left"}).setStyle(i.style).appendTo(a),this.inputs[n].value=s}}}new bkElement("input").setAttributes({type:"submit"}).setStyle({backgroundColor:"#efefef",border:"1px solid #ccc",margin:"3px 0",float:"left",clear:"both"}).appendTo(this.form),this.form.onsubmit=bkLib.cancelEvent},submit:function(){},findElm:function(t,e,n){for(var i=this.ne.selectedInstance.getElm().getElementsByTagName(t),s=0;s<i.length;s++)if(i[s].getAttribute(e)==n)return $BK(i[s])},removePane:function(){this.pane&&(this.pane.remove(),this.pane=null,this.ne.selectedInstance.restoreRng())}}),nicButtonTips=bkClass.extend({construct:function(t){this.ne=t,t.addEvent("buttonOver",this.show.closure(this)).addEvent("buttonOut",this.hide.closure(this))},show:function(t){this.timer=setTimeout(this.create.closure(this,t),400)},create:function(t){this.timer=null,this.pane||(this.pane=new nicEditorPane(t.button,this.ne,{fontSize:"12px",marginTop:"5px"}),this.pane.setContent(t.options.name))},hide:function(t){this.timer&&clearTimeout(this.timer),this.pane&&(this.pane=this.pane.remove())}});nicEditors.registerPlugin(nicButtonTips);var nicSelectOptions={buttons:{fontSize:{name:__("Select Font Size"),type:"nicEditorFontSizeSelect",command:"fontsize"},fontFamily:{name:__("Select Font Family"),type:"nicEditorFontFamilySelect",command:"fontname"},fontFormat:{name:__("Select Font Format"),type:"nicEditorFontFormatSelect",command:"formatBlock"}}},nicEditorSelect=bkClass.extend({construct:function(t,e,n,i){this.options=n.buttons[e],this.elm=t,this.ne=i,this.name=e,this.selOptions=[],this.margin=new bkElement("div").setStyle({float:"left",margin:"2px 1px 0 1px"}).appendTo(this.elm),this.contain=new bkElement("div").setStyle({width:"90px",height:"20px",cursor:"pointer",overflow:"hidden"}).addClass("selectContain").addEvent("click",this.toggle.closure(this)).appendTo(this.margin),this.items=new bkElement("div").setStyle({overflow:"hidden",zoom:1,border:"1px solid #ccc",paddingLeft:"3px",backgroundColor:"#fff"}).appendTo(this.contain),this.control=new bkElement("div").setStyle({overflow:"hidden",float:"right",height:"18px",width:"16px"}).addClass("selectControl").setStyle(this.ne.getIcon("arrow",n)).appendTo(this.items),this.txt=new bkElement("div").setStyle({overflow:"hidden",float:"left",width:"66px",height:"14px",marginTop:"1px",fontFamily:"sans-serif",textAlign:"center",fontSize:"12px"}).addClass("selectTxt").appendTo(this.items),window.opera||(this.contain.onmousedown=this.control.onmousedown=this.txt.onmousedown=bkLib.cancelEvent),this.margin.noSelect(),this.ne.addEvent("selected",this.enable.closure(this)).addEvent("blur",this.disable.closure(this)),this.disable(),this.init()},disable:function(){this.isDisabled=!0,this.close(),this.contain.setStyle({opacity:.6})},enable:function(t){this.isDisabled=!1,this.close(),this.contain.setStyle({opacity:1})},setDisplay:function(t){this.txt.setContent(t)},toggle:function(){this.isDisabled||(this.pane?this.close():this.open())},open:function(){this.pane=new nicEditorPane(this.items,this.ne,{width:"88px",padding:"0px",borderTop:0,borderLeft:"1px solid #ccc",borderRight:"1px solid #ccc",borderBottom:"0px",backgroundColor:"#fff"});for(var t=0;t<this.selOptions.length;t++){var e=this.selOptions[t],n=new bkElement("div").setStyle({overflow:"hidden",borderBottom:"1px solid #ccc",width:"88px",textAlign:"left",cursor:"pointer"}),i=new bkElement("div").setStyle({padding:"0px 4px"}).setContent(e[1]).appendTo(n).noSelect();i.addEvent("click",this.update.closure(this,e[0])).addEvent("mouseover",this.over.closure(this,i)).addEvent("mouseout",this.out.closure(this,i)).setAttributes("id",e[0]),this.pane.append(n),window.opera||(i.onmousedown=bkLib.cancelEvent)}},close:function(){this.pane&&(this.pane=this.pane.remove())},over:function(t){t.setStyle({backgroundColor:"#ccc"})},out:function(t){t.setStyle({backgroundColor:"#fff"})},add:function(t,e){this.selOptions.push(new Array(t,e))},update:function(t){this.ne.nicCommand(this.options.command,t),this.close()}}),nicEditorFontSizeSelect=nicEditorSelect.extend({sel:{1:"1&nbsp;(8pt)",2:"2&nbsp;(10pt)",3:"3&nbsp;(12pt)",4:"4&nbsp;(14pt)",5:"5&nbsp;(18pt)",6:"6&nbsp;(24pt)"},init:function(){this.setDisplay("Font&nbsp;Size...");for(var t in this.sel)this.add(t,'<font size="'+t+'">'+this.sel[t]+"</font>")}}),nicEditorFontFamilySelect=nicEditorSelect.extend({sel:{arial:"Arial","comic sans ms":"Comic Sans","courier new":"Courier New",georgia:"Georgia",helvetica:"Helvetica",impact:"Impact","times new roman":"Times","trebuchet ms":"Trebuchet",verdana:"Verdana"},init:function(){this.setDisplay("Font&nbsp;Family...");for(var t in this.sel)this.add(t,'<font face="'+t+'">'+this.sel[t]+"</font>")}}),nicEditorFontFormatSelect=nicEditorSelect.extend({sel:{p:"Paragraph",pre:"Pre",h6:"Heading&nbsp;6",h5:"Heading&nbsp;5",h4:"Heading&nbsp;4",h3:"Heading&nbsp;3",h2:"Heading&nbsp;2",h1:"Heading&nbsp;1"},init:function(){this.setDisplay("Font&nbsp;Format...");for(var t in this.sel){var e=t.toUpperCase();this.add("<"+e+">","<"+t+' style="padding: 0px; margin: 0px;">'+this.sel[t]+"</"+e+">")}}});nicEditors.registerPlugin(nicPlugin,nicSelectOptions);var nicLinkOptions={buttons:{link:{name:"Add Link",type:"nicLinkButton",tags:["A"]},unlink:{name:"Remove Link",command:"unlink",noActive:!0}}},nicLinkButton=nicEditorAdvancedButton.extend({addPane:function(){this.ln=this.ne.selectedInstance.selElm().parentTag("A"),this.addForm({"":{type:"title",txt:"Add/Edit Link"},href:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},title:{type:"text",txt:"Title"},target:{type:"select",txt:"Open In",options:{"":"Current Window",_blank:"New Window"},style:{width:"100px"}}},this.ln)},submit:function(t){var e=this.inputs.href.value;if("http://"===e||""===e)return alert("You must enter a URL to Create a Link"),!1;if(this.removePane(),!this.ln){var n="javascript:nicTemp();";this.ne.nicCommand("createlink",n),this.ln=this.findElm("A","href",n),this.ln.innerHTML==n&&(this.ln.innerHTML=this.inputs.title.value||e)}if(this.ln){var i=this.ln.title;this.ln.setAttributes({href:this.inputs.href.value,title:this.inputs.title.value,target:this.inputs.target.options[this.inputs.target.selectedIndex].value}),this.ln.innerHTML==i&&(this.ln.innerHTML=this.inputs.title.value||this.inputs.href.value)}}});nicEditors.registerPlugin(nicPlugin,nicLinkOptions);var nicColorOptions={buttons:{forecolor:{name:__("Change Text Color"),type:"nicEditorColorButton",noClose:!0},bgcolor:{name:__("Change Background Color"),type:"nicEditorBgColorButton",noClose:!0}}},nicEditorColorButton=nicEditorAdvancedButton.extend({addPane:function(){var t={0:"00",1:"33",2:"66",3:"99",4:"CC",5:"FF"},e=new bkElement("DIV").setStyle({width:"270px"});for(var n in t)for(var i in t)for(var s in t){var o="#"+t[n]+t[s]+t[i],a=new bkElement("DIV").setStyle({cursor:"pointer",height:"15px",float:"left"}).appendTo(e),r=new bkElement("DIV").setStyle({border:"2px solid "+o}).appendTo(a),l=new bkElement("DIV").setStyle({backgroundColor:o,overflow:"hidden",width:"11px",height:"11px"}).addEvent("click",this.colorSelect.closure(this,o)).addEvent("mouseover",this.on.closure(this,r)).addEvent("mouseout",this.off.closure(this,r,o)).appendTo(r);window.opera||(a.onmousedown=l.onmousedown=bkLib.cancelEvent)}this.pane.append(e.noSelect())},colorSelect:function(t){this.ne.nicCommand("foreColor",t),this.removePane()},on:function(t){t.setStyle({border:"2px solid #000"})},off:function(t,e){t.setStyle({border:"2px solid "+e})}}),nicEditorBgColorButton=nicEditorColorButton.extend({colorSelect:function(t){this.ne.nicCommand("hiliteColor",t),this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicColorOptions);var nicImageOptions={buttons:{image:{name:"Add Image",type:"nicImageButton",tags:["IMG"]}}},nicImageButton=nicEditorAdvancedButton.extend({addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG"),this.addForm({"":{type:"title",txt:"Add/Edit Image"},src:{type:"text",txt:"URL",value:"http://",style:{width:"150px"}},alt:{type:"text",txt:"Alt Text",style:{width:"100px"}},align:{type:"select",txt:"Align",options:{none:"Default",left:"Left",right:"Right"}}},this.im)},submit:function(t){var e=this.inputs.src.value;if(""===e||"http://"===e)return alert("You must enter a Image URL to insert"),!1;if(this.removePane(),!this.im){var n="javascript:nicImTemp();";this.ne.nicCommand("insertImage",n),this.im=this.findElm("IMG","src",n)}this.im&&this.im.setAttributes({src:this.inputs.src.value,alt:this.inputs.alt.value,align:this.inputs.align.value})}});nicEditors.registerPlugin(nicPlugin,nicImageOptions);var nicSaveOptions={buttons:{save:{name:__("Save this content"),type:"nicEditorSaveButton"}}},nicEditorSaveButton=nicEditorButton.extend({init:function(){this.ne.options.onSave||this.margin.setStyle({display:"none"})},mouseClick:function(){var t=this.ne.options.onSave,e=this.ne.selectedInstance;t(e.getContent(),e.elm.id,e)}});nicEditors.registerPlugin(nicPlugin,nicSaveOptions);var nicUploadOptions={buttons:{upload:{name:"Upload Image",type:"nicUploadButton"}}},nicUploadButton=nicEditorAdvancedButton.extend({nicURI:"http://files.nicedit.com/",addPane:function(){this.im=this.ne.selectedInstance.selElm().parentTag("IMG"),this.myID=Math.round(Math.random()*Math.pow(10,15)),this.requestInterval=1e3,this.uri=this.ne.options.uploadURI||this.nicURI,nicUploadButton.lastPlugin=this,this.myFrame=new bkElement("iframe").setAttributes({width:"100%",height:"100px",frameBorder:0,scrolling:"no"}).setStyle({border:0}).appendTo(this.pane.pane),this.progressWrapper=new bkElement("div").setStyle({display:"none",width:"100%",height:"20px",border:"1px solid #ccc"}).appendTo(this.pane.pane),this.progress=new bkElement("div").setStyle({width:"0%",height:"20px",backgroundColor:"#ccc"}).setContent("&nbsp").appendTo(this.progressWrapper),setTimeout(this.addForm.closure(this),50)},addForm:function(){var t=this.myDoc=this.myFrame.contentWindow.document;t.open(),t.write("<html><body>"),t.write('<form method="post" action="'+this.uri+"?id="+this.myID+'" enctype="multipart/form-data">'),t.write('<input type="hidden" name="APC_UPLOAD_PROGRESS" value="'+this.myID+'" />'),this.uri==this.nicURI&&t.write('<div style="position: absolute; margin-left: 160px;"><img src="http://imageshack.us/img/imageshack.png" width="30" style="float: left;" /><div style="float: left; margin-left: 5px; font-size: 10px;">Hosted by<br /><a href="http://www.imageshack.us/" target="_blank">ImageShack</a></div></div>'),t.write('<div style="font-size: 14px; font-weight: bold; padding-top: 5px;">Insert an Image</div>'),t.write('<input name="nicImage" type="file" style="margin-top: 10px;" />'),t.write("</form>"),t.write("</body></html>"),t.close(),this.myBody=t.body,this.myForm=$BK(this.myBody.getElementsByTagName("form")[0]),this.myInput=$BK(this.myBody.getElementsByTagName("input")[1]).addEvent("change",this.startUpload.closure(this)),this.myStatus=new bkElement("div",this.myDoc).setStyle({textAlign:"center",fontSize:"14px"}).appendTo(this.myBody)},startUpload:function(){this.myForm.setStyle({display:"none"}),this.myStatus.setContent('<img src="http://files.nicedit.com/ajax-loader.gif" style="float: right; margin-right: 40px;" /><strong>Uploading...</strong><br />Please wait'),this.myForm.submit(),setTimeout(this.makeRequest.closure(this),this.requestInterval)},makeRequest:function(){if(this.pane&&this.pane.pane){nicUploadButton.lastPlugin=this;var t=new bkElement("script").setAttributes({type:"text/javascript",src:this.uri+"?check="+this.myID+"&rand="+Math.round(Math.random()*Math.pow(10,15))}).addEvent("load",function(){t.parentNode.removeChild(t)}).appendTo(document.getElementsByTagName("head")[0]);this.requestInterval&&setTimeout(this.makeRequest.closure(this),this.requestInterval)}},setProgress:function(t){this.progressWrapper.setStyle({display:"block"}),this.progress.setStyle({width:t+"%"})},update:function(t){if(!1===t)this.progressWrapper.setStyle({display:"none"});else if(t.url){if(this.setProgress(100),this.requestInterval=!1,!this.im){this.ne.selectedInstance.restoreRng();var e="javascript:nicImTemp();";this.ne.nicCommand("insertImage",e),this.im=this.findElm("IMG","src",e)}var n=parseInt(this.ne.selectedInstance.elm.getStyle("width"),10);this.im&&this.im.setAttributes({src:t.url,width:n&&t.width?Math.min(n,t.width):""}),this.removePane()}else t.error?(this.requestInterval=!1,this.setProgress(100),alert("There was an error uploading your image ("+t.error+")."),this.removePane()):t.noprogress?(this.progressWrapper.setStyle({display:"none"}),-1!=this.uri.indexOf("http:")&&-1==this.uri.indexOf(window.location.host)||(this.requestInterval=!1)):(this.setProgress(Math.round(t.current/t.total*75)),t.interval&&(this.requestInterval=t.interval))}});nicUploadButton.statusCb=function(t){nicUploadButton.lastPlugin.update(t)},nicEditors.registerPlugin(nicPlugin,nicUploadOptions);var nicXHTML=bkClass.extend({stripAttributes:["_moz_dirty","_moz_resizing","_extended"],noShort:["style","title","script","textarea","a"],cssReplace:{"font-weight:bold;":"strong","font-style:italic;":"em"},sizes:{1:"xx-small",2:"x-small",3:"small",4:"medium",5:"large",6:"x-large"},construct:function(t){this.ne=t,this.ne.options.xhtml&&t.addEvent("get",this.cleanup.closure(this))},cleanup:function(t){var e=t.getElm(),n=this.toXHTML(e);t.content=n},toXHTML:function(t,e,n){var i="",s="",o="",a=t.nodeType,r=t.nodeName.toLowerCase(),l=t.hasChildNodes&&t.hasChildNodes(),c=[];switch(a){case 1:var h=t.attributes;switch(r){case"b":r="strong";break;case"i":r="em";break;case"font":r="span"}if(e){for(var d=0;d<h.length;d++){var u=h[d],p=u.nodeName.toLowerCase(),m=u.nodeValue;if(u.specified&&m&&!bkLib.inArray(this.stripAttributes,p)&&"function"!=typeof m){switch(p){case"style":var f=m.replace(/ /g,"");for(var g in this.cssReplace)-1!=f.indexOf(g)&&(c.push(this.cssReplace[g]),f=f.replace(g,""));o+=f,m="";break;case"class":m=m.replace("Apple-style-span","");break;case"size":o+="font-size:"+this.sizes[m]+";",m=""}m&&(s+=" "+p+'="'+m+'"')}}o&&(s+=' style="'+o+'"');for(var v=0;v<c.length;v++)i+="<"+c[v]+">";""===s&&"span"==r&&(e=!1),e&&(i+="<"+r,"br"!=r&&(i+=s))}if(l||bkLib.inArray(this.noShort,p)){e&&(i+=">");for(var b=0;b<t.childNodes.length;b++){var y=this.toXHTML(t.childNodes[b],!0,!0);y&&(i+=y)}}else e&&(i+=" />");e&&l&&(i+="</"+r+">");for(var E=0;E<c.length;E++)i+="</"+c[E]+">";break;case 3:i+=t.nodeValue}return i}});nicEditors.registerPlugin(nicXHTML);var nicBBCode=bkClass.extend({construct:function(t){if(this.ne=t,this.ne.options.bbCode){t.addEvent("get",this.bbGet.closure(this)),t.addEvent("set",this.bbSet.closure(this));var e=this.ne.loadedPlugins;for(var n in e)e[n].toXHTML&&(this.xhtml=e[n])}},bbGet:function(t){var e=this.xhtml.toXHTML(t.getElm());t.content=this.toBBCode(e)},bbSet:function(t){t.content=this.fromBBCode(t.content)},toBBCode:function(t){function e(e,n){t=t.replace(e,n)}return e(/\n/gi,""),e(/<strong>(.*?)<\/strong>/gi,"[b]$1[/b]"),e(/<em>(.*?)<\/em>/gi,"[i]$1[/i]"),e(/<span.*?style="text-decoration:underline;">(.*?)<\/span>/gi,"[u]$1[/u]"),e(/<ul>(.*?)<\/ul>/gi,"[list]$1[/list]"),e(/<li>(.*?)<\/li>/gi,"[*]$1[/*]"),e(/<ol>(.*?)<\/ol>/gi,"[list=1]$1[/list]"),e(/<img.*?src="(.*?)".*?>/gi,"[img]$1[/img]"),e(/<a.*?href="(.*?)".*?>(.*?)<\/a>/gi,"[url=$1]$2[/url]"),e(/<br.*?>/gi,"\n"),e(/<.*?>.*?<\/.*?>/gi,""),t},fromBBCode:function(t){function e(e,n){t=t.replace(e,n)}return e(/\[b\](.*?)\[\/b\]/gi,"<strong>$1</strong>"),e(/\[i\](.*?)\[\/i\]/gi,"<em>$1</em>"),e(/\[u\](.*?)\[\/u\]/gi,'<span style="text-decoration:underline;">$1</span>'),e(/\[list\](.*?)\[\/list\]/gi,"<ul>$1</ul>"),e(/\[list=1\](.*?)\[\/list\]/gi,"<ol>$1</ol>"),e(/\[\*\](.*?)\[\/\*\]/gi,"<li>$1</li>"),e(/\[img\](.*?)\[\/img\]/gi,'<img src="$1" />'),e(/\[url=(.*?)\](.*?)\[\/url\]/gi,'<a href="$1">$2</a>'),e(/\n/gi,"<br />"),t}});nicEditors.registerPlugin(nicBBCode),nicEditor=nicEditor.extend({floatingPanel:function(){this.floating=new bkElement("DIV").setStyle({position:"absolute",top:"-1000px"}).appendTo(document.body),this.addEvent("focus",this.reposition.closure(this)).addEvent("blur",this.hide.closure(this)),this.setPanel(this.floating)},reposition:function(){var t=this.selectedInstance.e;this.floating.setStyle({width:(parseInt(t.getStyle("width"),10)||t.clientWidth)+"px"});var e=t.offsetTop-this.floating.offsetHeight;e<0&&(e=t.offsetTop+t.offsetHeight),this.floating.setStyle({top:e+"px",left:t.offsetLeft+"px",display:"block"})},hide:function(){this.floating.setStyle({top:"-1000px"})}});var nicCodeOptions={buttons:{xhtml:{name:"Edit HTML",type:"nicCodeButton"}}},nicCodeButton=nicEditorAdvancedButton.extend({width:"350px",addPane:function(){this.addForm({"":{type:"title",txt:"Edit HTML"},code:{type:"content",value:this.ne.selectedInstance.getContent(),style:{width:"340px",height:"200px"}}})},submit:function(t){var e=this.inputs.code.value;this.ne.selectedInstance.setContent(e),this.removePane()}});nicEditors.registerPlugin(nicPlugin,nicCodeOptions);

nicedit_niceditoricons_gif

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 12:48:33 +0000

nicEditorIcons.gif

https://cdnjs.cloudflare.com/ajax/libs/NicEdit/0.93/nicEditorIcons.gif

nicedit

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 13:02:26 +0000

NicEdit

NicEdit — это облегченный, кроссплатформенный редактор встроенного контента, позволяющий легко редактировать содержимое веб-сайта в режиме реального времени прямо в браузере.
NicEdit Javascript интегрируется в любой сайт за считанные секунды, позволяя сделать любой элемент/div редактируемым или преобразовать стандартные текстовые поля в редактор форматированного текста.

Документация

This is the offical manual for the NicEdit WYSIWYG Editor. NicEdit is a Lightweight, Cross Platform, Inline Content Editor to allow easy editing of web site content on the fly in the browser. To download it go to http://nicedit.com/

About NicEdit
NicEdit Reference
- Javascript API
- Configuration Options
Plugin Reference
- Saving via AJAX
- XHTML Compliant Output
Customization

About NicEdit

NicEdit — это лёгкий, кроссплатформенный редактор встроенного контента, позволяющий легко редактировать содержимое веб-сайта на лету прямо в браузере. Этот небольшой и простой в использовании JavaScript-редактор интегрируется в любой сайт за считанные секунды, делая любой элемент/div редактируемым или преобразуя стандартные текстовые поля в форматированный текст.

NicEdit был разработан Брайаном Кирхоффом и может свободно использоваться в любых целях под лицензией MIT.

Функции:

Небольшой размер файла (<35 КБ в сумме), <10 КБ в сжатом виде!
Для работы требуется всего 2 файла (js + иконки).
Гибкая конфигурация: замена текстовых полей или блоков div.
При желании несколько редакторов могут использовать один элемент управления.
Сохранение контента с помощью AJAX или HTTP POST
IE 5.5+ / FF 2+ / Opera 9+ / Safari 3+

NicEdit Reference

Javascript API

Class nicEditors

The nicEditors class provides convience methods to add NicEditor to the page or get a reference to a editor by ID

`nicEditors.allTextAreas`	Converts all the textareas on the page info NicEditor instances. Returns a reference to the array of all NicEdit instances on the page.
`nicEditors.findEditor`	Finds a specific editor by ID if created using allTextAreas explitly For example to get the nicedit instance for `<textarea id=«myArea2»></textarea>` use: `nicEditors.findEditor('myArea2');` The method returns a nicedit instance that you call the functions below on. Warning: In order to use this and other API methods, the editor must be finshed loading. To see an example of how you can use addEvent to have your code run after editor load see Editor Events
`nicEditors.editors[]`	The raw array of all the NicEdit instances on the page

Class nicInstance

The nicEditor instance class creates the editable area for a single element and provides a number of useful methods to developers. You can get a reference to a specific nicInstance object using nicEditors.findEditor

`[nicInstance].getContent()`	Returns the current HTML of the nicInstance For example: `nicEditors.findEditor('myArea2').getContent();` returns the HTML in the content editor that replaced the element on the page with ID 'myArea2'.
`[nicInstance].setContent(HTML)`	Set the current HTML in the editor instance For example: `nicEditors.findEditor('myArea2').setContent`(`'<strong>Some HTML</strong>` here');
`[nicInstance].saveContent()`	Only for nicInstances that are replacing a `<textarea>` this method syncs the content of the editor with the textarea value. This is done automatically if the form with the orginal `<textarea>` is submitted. However, you may want to explitly do the syncing yourself.

Class nicEditor

The nicEditor class is a container for a number of nicEditor instances and 1 nicPanel. Because of this you can use nicEditor in 2 ways:

Create a single control panel with setPanel() then use addInstance multiple times to create as many editable areas on the page you need that are controlled from a single control panel.
Use the panelInstance() to create a combined content area/panel editor. If you use this option and want multiple editors you should create multiple nicEditor instances.

`var myNicEditor = new nicEditor()`	Creates a new nicedit object. A single instance of nicEditor contains:- 1 or more editor instances (nicInstance/nicIFrameInstance) - 1 nicPanel
`myNicEditor.addInstance('someElementsID')`	Adds a nicedit instance to allow inline editing of the given elements ID
`myNicEditor.removeInstance('someElementID')`	Removes the nicedit instance with the given ID, returning it to the orginal element with the content within the element.
`myNicEditor.setPanel('someElementID')`	Append an editor control panel at the end of the given ID. Normally the element is blank and with a fixed CSS width you would like the panel set.
`myNicEditor.panelInstance('someElementID')`	Creates an inline content editor with attached control panel on top of the element.
`myNicEditor.instanceById('someElementID')`	Find a nicInstance object by ID that was added to this nicEditor
`myNicEditor.floatingPanel()`	Activate a floating panel. First add editor instances to this editor with addInstance() then call floatingPanel(). When a instance is selected, a floating panel will appear above/below it. * Requires nicFloating plugin

Configuration Options

NicEdit обладает широкими возможностями настройки: параметры конфигурации передаются при создании объекта NicEditor. Передавайте конфигурацию при вызове: new nicEditor({CONFIG HERE})

Добавьте .panelInstance('ID TO TEXTAREA HERE'), чтобы добавить редактор в текстовое поле.

Вы можете указать несколько параметров конфигурации, они представлены в формате JSON: {fullPanel : true, iconsPath : 'nicEditorIcons.gif', maxHeight : 200} Обратите внимание, что некоторые параметры конфигурации, такие как список кнопок, не будут работать, если вы не загрузите версию NicEdit и не используете её на своём веб-сервере.

Доступные параметры конфигурации:

fullPanel	Если установлено значение true, будет создан экземпляр редактора со всеми доступными кнопками. Если значение `false` (по умолчанию), для управления отображением кнопок будет использоваться buttonList.
buttonList	Например, массив кнопок в редакторе. `['жирный','курсив','подчеркнутый','слева','по центру']`
iconsPath	Строковый путь к файлу значков, например, `images/nicEditorIcons.gif`.
maxHeight	Высота в пикселях, за пределы которой редактор не должен автоматически расширяться. Область редактирования может быть больше указанного значения, но в этом случае будут использоваться полосы прокрутки. Для редактора с фиксированной высотой (не динамически увеличивающегося) установите значение maxHeight и style=«height: X» равным одному и тому же значению в пикселях.
externalCSS	Относительный путь к внешней таблице стилей, применяемой к экземплярам iframe nicEditor (этот режим работы используется только в FF2). Пример: `{externalCSS : 'mysite.css'}`
`uploadURI`	Абсолютный или относительный URL-адрес скрипта-приемника nicUpload. Позволяет загружать изображения из nicedit на ваш собственный сервер. *Требуется nicUpload Пример:`{uploadURI: ' http://yourdomain.com/nicUpload.php '}`. По умолчанию ( http://files.nicedit.com/ ) используется сервер Nicedit, а файлы загружаются на Imageshack. PHP-версию скрипта для загрузки файлов можно найти по адресу: http://nicedit.com/svn/nicedit/trunk/nicUpload/php/nicUpload.php

List of Buttons for buttonList option

'bold'
'italic'
'underline'
'left'
'center'
'right'
'justify'
'ol'
'ul'
'subscript'
'superscript'
'strikethrough'
'removeformat'
'indent'
'outdent'
'hr'
'image'
'upload' * requires nicUpload
'forecolor'
'bgcolor'
'link' * requires nicLink
'unlink' * requires nicLink
'fontSize' * requires nicSelect
'fontFamily' * requires nicSelect
'fontFormat' * requires nicSelect
'xhtml' * required nicCode

Plugin Reference

Saving via AJAX

NicEdit поддерживает наличие кнопки сохранения на панели инструментов, которую пользователи могут нажать для сохранения контента.

Для использования этого режима вам потребуется базовое знание JavaScript, и вы должны выполнить следующие шаги:

Сначала убедитесь, что вы настроили загрузку с помощью плагина nicSave.
Используйте параметр onSave при объявлении экземпляра nicEditor, например:

script.js

bkLib.onDomLoaded ( function ( ) {
  new nicEditor ( { fullPanel: true , onSave: function ( content, id, instance ) {
    alert ( 'Кнопка сохранения нажата для элемента ' + id + ' = ' + content ) ;
  } } ) . panelInstance ( 'myArea2' ) ;
} ) ;

Поскольку мы установили параметр onSave для нашей функции обратного вызова и добавили кнопку «Сохранить», значок сохранения появится на панели инструментов.
При нажатии кнопки будет запущена функция обратного вызова onSave с тремя параметрами.
- Первый параметр — это содержимое экземпляра nicEditor.
- Второй параметр — это идентификатор элемента, преобразованного в nicEditor.
- Третий параметр — это ссылка на nicInstance (подробнее об этом см. в документации по Javascript API).

XHTML Compliant Output

=== В чем проблема? NicEdit генерирует некорректный, не соответствующий стандартам код, который выглядит по-разному в каждом браузере и приводит к сбоям в работе редактора, если редактирование выполняется в браузере, отличном от того, который использовался для создания контента.

Почему это проблема?

Применение стилей и очистка HTML-кода — самая сложная задача при создании WYSIWYG-редактора, и я так и не смог её решить с помощью nicEdit. Для полностью совместимой с XHTML системы необходимы два компонента:

Во-первых, нам нужно реализовать все кнопки nicEdit таким образом, чтобы они перестали использовать поведение execCommand() браузера и применяли свои стили непосредственно к выделению/диапазонам. Это решит проблемы, подобные тем, с которыми вы сталкивались при применении команд к различным способам применения одного и того же стиля (например, , , ), и позволит редактору обрабатывать все три стиля в своем содержимом, а не использовать стандартное поведение браузера, которое не отличается гибкостью. Во-вторых, nicEdit будет выполнять очистку HTML-кода во время доступа (подобно тому, как это пытается делать nicXHTML, но пока с ошибками), чтобы обрабатывать другой контент, который не применяется через элементы управления редактора (например, при вставке контента).

Что доступно сейчас?

На данный момент плагин nicXHTML находится в экспериментальной стадии и не решает эту проблему полностью. Чтобы попробовать его в действии, скачайте плагин с nicXHTML, а затем добавьте {xhtml : true} в параметры. Известно множество проблем с его реализацией.

Ещё один вариант, который я рекомендовал и который может подойти некоторым, — это использование стратегий очистки на стороне сервера, таких как функции tidy в PHP, для очистки HTML-кода, создаваемого `nicEdit`. Однако это решение не будет доступно всем, усложняет процесс и не является идеальным.

Когда я могу ожидать исправления этой проблемы?

Предстоит много работы, сделать это правильно немного сложнее, чем просто взять другую реализацию, например tinyMCE, и интегрировать её в nicEdit. NicEdit — это побочный проект, у меня есть основная работа, поэтому у меня нет нескольких свободных недель, которые потребовались бы для этого. Но я буду продолжать работать, когда смогу, и буду рад любым исправлениям для nicXHTML, а также любым новым плагинам, которые работают лучше (я включу любые сторонние плагины в загрузчик).

Пример использования функции ''tidy'' в PHP для очистки кода:

script.js

tidy_repair_string(
         $_POST['body'],
            array(
                'show-body-only' => true,
                'doctype' => '-//W3C//DTD XHTML 1.0 Transitional//EN',
                'output-xhtml' => true
                  )
);

Customization

Developing with NicEdit

Разработка дополнительных плагинов и внесение других изменений в исходный код NicEdit не представляет сложности.

Ознакомьтесь с кодом.

Сначала получите копию исходного кода, клонировав репозиторий NicEdit из SVN.

svn co http://svn.nicedit.com/trunk src

Используйте Кодекс разработки

Для использования NicEdit с набором отдельных JavaScript-файлов для разработки вам потребуется включить их в раздел <head> создаваемой вами тестовой страницы. Вот пример для начала работы.

index.html

<html>
<head>
 
<script src="src/nicCore/bkLib.js" type="text/javascript"></script>
<script src="src/nicCore/nicConfig.js" type="text/javascript"></script>
<script src="src/nicCore/nicCore.js" type="text/javascript"></script>
<script src="src/nicCore/nicInstance.js" type="text/javascript"></script>
<script src="src/nicCore/nicIFrameInstance.js" type="text/javascript"></script>
<script src="src/nicCore/nicPanel.js" type="text/javascript"></script>
<script src="src/nicCore/nicButton.js" type="text/javascript"></script>
<script src="src/nicCore/nicPlugin.js" type="text/javascript"></script>
<script src="src/nicPane/nicPane.js" type="text/javascript"></script>
<script src="src/nicSelect/nicSelect.js" type="text/javascript"></script>
<script src="src/nicButtonTips/nicButtonTips.js" type="text/javascript"></script>
<script src="src/nicAdvancedButton/nicAdvancedButton.js" type="text/javascript"></script>
 
 
<script src="src/nicLink/nicLink.js" type="text/javascript"></script>
<script src="src/nicImage/nicImage.js" type="text/javascript"></script>
<script src="src/nicCode/nicCode.js" type="text/javascript"></script>
<script src="src/nicColors/nicColors.js" type="text/javascript"></script>
 
<script src="src/nicXHTML/nicXHTML.js" type="text/javascript"></script>
<script src="src/nicBBCode/nicBBCode.js" type="text/javascript"></script>
 
 
</head>
<body>
 
<textarea style="width: 400px; height: 150px;" id="myArea2">
This is some TEST CONTENT
</textarea>
 
<script>
bkLib.onDomLoaded(function(){
  var myInstance = new nicEditor().panelInstance('myArea2');
});
</script>
 
</body>
</html>

Creating a Plugin

Добавить плагин/кнопки в NiceDit несложно. Сначала убедитесь, что вы настроили свою среду разработки, а затем выполните следующие шаги:

Создайте новую папку для вашего плагина в каталоге src/, в этом примере я использовал nicExample.
Создайте файл с тем же именем в папке src/nicExample/nicExample.js
Вы можете использовать приведенный ниже код в качестве отправной точки для вашего плагина.

script.js

/**
* nicExample
* @description: An example button plugin for nicEdit
* @requires: nicCore, nicPane, nicAdvancedButton
* @author: Brian Kirchoff
* @version: 0.9.0
*/
 
/* START CONFIG */
var nicExampleOptions = {
    buttons : {
        'example' : {name : __('Some alt text for the button'), type : 'nicEditorExampleButton'}
    }/* NICEDIT_REMOVE_START */,iconFiles : {'example' : 'src/nicExample/icons/save.gif'}/* NICEDIT_REMOVE_END */
};
/* END CONFIG */
 
var nicEditorExampleButton = nicEditorButton.extend({   
  mouseClick : function() {
    alert('The example save button icon has been clicked!');
  }
});
 
nicEditors.registerPlugin(nicPlugin,nicExampleOptions);
Car Shipping

Скопируйте и вставьте код в свой JS-файл.
Создайте папку icons в папке вашего плагина (например, src/nicExample/icons) и поместите туда свои иконки (в данном случае ).

Чтобы объяснить различные части примера:

/**
* nicExample
* @description: Пример плагина кнопок для nicEdit
* @requires: nicCore, nicPane, nicAdvancedButton
* @автор: Брайан Кирхофф
* @version: 0.9.0
*/

Это специальный блок комментариев, используемый скриптами сжатия nicEdit, и он должен присутствовать в каждом плагине, который необходимо включить в загрузчик.

Большинство полей понятны. Параметр @requires должен указывать, какие плагины являются зависимостями для вашего плагина (используется конфигуратором загрузки).

/* НАЧАЛО КОНФИГУРАЦИИ */
var nicExampleOptions = {
    кнопки: {
        'example' : {name : __('Некоторый альтернативный текст для кнопки'), type : 'nicEditorExampleButton'}
    }/* NICEDIT_REMOVE_START */,iconFiles : {'example' : 'src/nicExample/icons/save.gif'}/* NICEDIT_REMOVE_END */
};
/* КОНЕЦ КОНФИГУРАЦИИ */

В разделе config вы настраиваете конфигурацию кнопок для вашего плагина. Параметр 'type' в объекте buttons указывает конкретный класс, который будет использоваться (по умолчанию это будет nicButton), куда вы поместите код ваших кнопок.

/* NICEDIT_REMOVE_START */

Блоки удаляются из выходных данных скриптами сборки.

В поле iconFiles следует указывать относительное местоположение отдельных значков кнопок в формате GIF, находящихся в разработке. В данном случае значение ключа 'example' и элемент iconFiles с указанным путем должны совпадать.

/* НАЧАЛО КОНФИГУРАЦИИ */

Используется только для предотвращения сжатия пробелов в разделах конфигурации скриптом сборки.

script.js

var nicEditorExampleButton = nicEditorButton.extend({   
  mouseClick : function() {
    alert('Пример значка кнопки сохранения был нажат!');
  }
});

Это класс, который определяет вашу кнопку; в данном случае мы переопределяем метод mouseClick() для обработки нажатия кнопки.

Существует также класс nicEditorAdvancedButton, который могут использовать кнопки плагинов, которым требуется, чтобы функциональность панели имела форму (см. src/nicLink/nicLink.js) для примера того, как это можно сделать.
nicEditors.registerPlugin(nicPlugin,nicExampleOptions);
Это зарегистрирует ваш плагин, чтобы все новые созданные экземпляры могли его использовать (убедитесь, что вы используете {fullPanel : true} или задаете buttonList с идентификатором кнопки, в данном случае 'example'), и вы сможете увидеть свою новую кнопку на панели инструментов nicEdit.

Вскоре:

- Как использовать скрипты сборки для упаковки вашего плагина (а не просто запускать его как отдельный JS-файл) после того, как он заработает (пока что напишите мне на почту или опубликуйте свой плагин на форуме, если он окажется полезным, я даже включу его в официальный загрузчик Nicedit).

Integration with NicEdit events

Ядро nicEdit отправляет несколько внутренних событий, которые можно использовать в плагинах и в вашем собственном JavaScript при расширенной интеграции редактора в ваши веб-сайты.

blur	Отправляется, когда экземпляр редактора теряет фокус.
focus	Отправлять, когда редактор получает фокус (то есть, когда кто-то щелкает внутри него).
key	Когда пользователь нажимает сочетание клавиш (например, Ctrl+B).
add	Событие срабатывает при добавлении нового экземпляра.
panel	Событие срабатывает при инициализации панели инструментов для новых экземпляров (это предпочтительное событие, если вы хотите добавить функцию при создании экземпляров NicEdit).

Для привязки функций к внутренним событиям NicEdit используйте метод addEvent объекта nicInstance.
[some nicedit instance].addEvent([event name], [callback function]);
События также часто используются для того, чтобы сообщить о завершении загрузки редактора.

script.js

bkLib.onDomLoaded(function(){
  var myEditor = new nicEditor({fullPanel : true }).panelInstance('myArea2');
  myEditor.addEvent('add', function() {
    alert( myEditor.instanceById('myArea2').getContent() );
  });
});

Ещё один пример использования событий для определения момента размытия изображения в редакторе.

script.js

<script>
bkLib.onDomLoaded(function(){
  var myInstance = new nicEditor().panelInstance('myArea2');
  myInstance.addEvent('blur', function() {
    // Your code here that is called whenever the user blurs (stops editing) the nicedit instance
  });
});
</script>

How to translate nicEdit (with Spanish example)

Скачать версию для разработчиков
Откройте файл nicEdit.js
Перейдите к этим нескольким строкам и отредактируйте текст справки, например, перевод на испанский будет выглядеть так:

Примерно строка 252:

script.js

var nicEditorConfig = bkClass.extend({
    buttons : {
        'bold' : {name : __('Negrita'), command : 'Bold', tags : ['B','STRONG'], css : {'font-weight' : 'bold'}, key : 'b'},
        'italic' : {name : __('Cursiva'), command : 'Italic', tags : ['EM','I'], css : {'font-style' : 'italic'}, key : 'i'},
        'underline' : {name : __('Subrayado'), command : 'Underline', tags : ['U'], css : {'text-decoration' : 'underline'}, key : 'u'},
        'left' : {name : __('Alinear texto a la izquierda'), command : 'justifyleft', noActive : true},
        'center' : {name : __('Centrar texto'), command : 'justifycenter', noActive : true},
        'right' : {name : __('Alinear texto a la derecha'), command : 'justifyright', noActive : true},
        'justify' : {name : __('Justificar texto'), command : 'justifyfull', noActive : true},
        'ol' : {name : __('Insertar lista ordenada'), command : 'insertorderedlist', tags : ['OL']},
        'ul' :     {name : __('Insertar lista desordenada'), command : 'insertunorderedlist', tags : ['UL']},
        'subscript' : {name : __('SubIndice'), command : 'subscript', tags : ['SUB']},
        'superscript' : {name : __('SuperIndice'), command : 'superscript', tags : ['SUP']},
        'strikethrough' : {name : __('Tachar'), command : 'strikeThrough', css : {'text-decoration' : 'line-through'}},
        'removeformat' : {name : __('Borrar formato'), command : 'removeformat', noActive : true},
        'indent' : {name : __('Identar'), command : 'indent', noActive : true},
        'outdent' : {name : __('Eliminar identado'), command : 'outdent', noActive : true},
        'hr' : {name : __('Barra separadora'), command : 'insertHorizontalRule', noActive : true}

Примерно строка 1046:

script.js

var nicLinkOptions = {
    buttons : {
        'link' : {name : 'Enlazar', type : 'nicLinkButton', tags : ['A']},
        'unlink' : {name : 'Eliminar enlace',  command : 'unlink', noActive : true}
    }

Примерно строка 1120:

script.js

var nicCodeOptions = {
    buttons : {
        'xhtml' : {name : 'Visualizar HTML', type : 'nicCodeButton'}
    }
};

Примерно строка 1131:

script.js

    addPane : function() {
        this.addForm({
            '' : {type : 'title', txt : 'Editar HTML'},
            'code' : {type : 'content', 'value' : this.ne.selectedInstance.getContent(), style : {width: '340px', height : '200px'}}
        });
    },

Дополнения и Файлы

sceditor_custom_commands

anonymous@undisclosed.example.com (Anonymous) — Tue, 06 Jan 2026 23:33:08 +0000

SCEditor пользовательские команды

Чтобы добавить команду на панель инструментов, используйте следующую $.sceditor.command.set функцию:

test.js

$(function() {
$.sceditor.command.set("headers", {
	exec: function(caller) {
		var	editor   = this,
			$content = $("<div />");
 
		for (var i=1; i<= 6; i++) {
			$(
				'<a class="sceditor-header-option" href="#">' +
					'<h' + i + '>Heading ' + i + '</h' + i + '>' +
				'</a>'
			)
			.data('headersize', i)
			.click(function (e) {
				editor.execCommand("formatblock", "<h" + $(this).data('headersize') + ">");
				editor.closeDropDown(true);
 
				e.preventDefault();
			})
			.appendTo($content);
		}
 
		editor.createDropDown(caller, "header-picker", $content.get(0));
	},
	tooltip: "Format Headers"
});

Добавьте команды CSS:

style.css

	.sceditor-button-headers div { background: url("https://d33wubrfki0l68.cloudfront.net/31586b20f376f87c81414430a7a1f70582486856/de066/misc/headers-button.png"); }
	.sceditor-header-option {
		display: block;
		cursor: pointer;
		font-size: 14px;
		text-decoration: none;
		color: #222;
	}
	.sceditor-header-option h1,
	.sceditor-header-option h2,
	.sceditor-header-option h3,
	.sceditor-header-option h4,
	.sceditor-header-option h5,
	.sceditor-header-option h6 {
		border: 0;
		margin: 0;
		padding: .25em;
	}
	.sceditor-header-option:hover { background: #eee; }

Затем, если вы используете плагин BBCode, добавьте команды BBCode, используя следующую $.formats.bbcode.set функцию:

script.js

$.sceditor.formats.bbcode
.set("h1", { tags: { h1: null }, format: "[h1]{0}[/h1]", html: "<h1>{0}</h1>", isInline: false })
.set("h2", { tags: { h2: null }, format: "[h2]{0}[/h2]", html: "<h2>{0}</h2>", isInline: false })
.set("h3", { tags: { h3: null }, format: "[h3]{0}[/h3]", html: "<h3>{0}</h3>", isInline: false })
.set("h4", { tags: { h4: null }, format: "[h4]{0}[/h4]", html: "<h4>{0}</h4>", isInline: false })
.set("h5", { tags: { h5: null }, format: "[h5]{0}[/h5]", html: "<h5>{0}</h5>", isInline: false })
.set("h6", { tags: { h6: null }, format: "[h6]{0}[/h6]", html: "<h6>{0}</h6>", isInline: false });

Наконец, добавьте команду на панель инструментов редактора:

script.js

$("#demo-cust-cmd").sceditor({
format: 'bbcode',
toolbar: "headers|bold,italic,underline|source",
style: "https://cdn.jsdelivr.net/npm/sceditor@latest/minified/themes/content/default.min.css",
emoticonsRoot: "/"
});

Пример всего кода

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
 
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"> </script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sceditor@latest/minified/themes/default.min.css" type="text/css" media="all" />
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/sceditor@latest/minified/jquery.sceditor.bbcode.min.js"> </script>
<style>
	.sceditor-button-headers div { background: url("https://d33wubrfki0l68.cloudfront.net/31586b20f376f87c81414430a7a1f70582486856/de066/misc/headers-button.png"); }
	.sceditor-header-option {
		display: block;
		cursor: pointer;
		font-size: 14px;
		text-decoration: none;
		color: #222;
	}
	.sceditor-header-option h1,
	.sceditor-header-option h2,
	.sceditor-header-option h3,
	.sceditor-header-option h4,
	.sceditor-header-option h5,
	.sceditor-header-option h6 {
		border: 0;
		margin: 0;
		padding: .25em;
	}
	.sceditor-header-option:hover { background: #eee; }
</style>
<script>
$(function() {
$.sceditor.command.set("headers", {
	exec: function(caller) {
		var	editor   = this,
			$content = $("<div />");
 
		for (var i=1; i<= 6; i++) {
			$(
				'<a class="sceditor-header-option" href="#">' +
					'<h' + i + '>Heading ' + i + '</h' + i + '>' +
				'</a>'
			)
			.data('headersize', i)
			.click(function (e) {
				editor.execCommand("formatblock", "<h" + $(this).data('headersize') + ">");
				editor.closeDropDown(true);
 
				e.preventDefault();
			})
			.appendTo($content);
		}
 
		editor.createDropDown(caller, "header-picker", $content.get(0));
	},
	tooltip: "Format Headers"
});
 
	$.sceditor.formats.bbcode
		.set("h1", { tags: { h1: null }, format: "[h1]{0}[/h1]", html: "<h1>{0}</h1>", isInline: false })
		.set("h2", { tags: { h2: null }, format: "[h2]{0}[/h2]", html: "<h2>{0}</h2>", isInline: false })
		.set("h3", { tags: { h3: null }, format: "[h3]{0}[/h3]", html: "<h3>{0}</h3>", isInline: false })
		.set("h4", { tags: { h4: null }, format: "[h4]{0}[/h4]", html: "<h4>{0}</h4>", isInline: false })
		.set("h5", { tags: { h5: null }, format: "[h5]{0}[/h5]", html: "<h5>{0}</h5>", isInline: false })
		.set("h6", { tags: { h6: null }, format: "[h6]{0}[/h6]", html: "<h6>{0}</h6>", isInline: false });
 
	$("#demo-cust-cmd").sceditor({
		format: 'bbcode',
		toolbar: "headers|bold,italic,underline|source",
		style: "https://cdn.jsdelivr.net/npm/sceditor@latest/minified/themes/content/default.min.css",
		emoticonsRoot: "/"
	});
});
</script>
 
<p><textarea style="width:600px; height:300px" id="demo-cust-cmd">[h1]Lorem ipsum[/h1][h2]Sub header[/h2]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.</textarea></p>
 
</body>
</html>

Ссылка на оригинальную статью

sceditor_doc_custom_bbcodes

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 09:16:44 +0000

Пользовательские BBCodes

Создание/обновление BBCodes

Для добавления нового BBCode используйте sceditor.formats.bbcode.set() соответствующую функцию.

Важно:При создании или обновлении BBCode это необходимо сделать до создания экземпляра редактора, например, до вызова метода sceditor.create().

Предупреждение: Эта функция обновит любой существующий BBCode с тем же именем.

Функция sceditor.formats.bbcode.set() принимает два аргумента, name и bbcode.

name String

должна содержать имя BBCode, например [b], «b». Это значение должно быть написано строчными буквами!

Объект bbcode.

Объект BBCode. Дополнительную информацию см. ниже.

Структура объекта BBCode

script.js

{
    styles: {
        "stylename": null,
        "another-style-name": ["value1", "value2"]
    }
    tags: {
        "tag": null,
        "another-tag": {
            "attribute1": null,
            "attribute2": ["value1", "value2"]
        }
    }
    isSelfClosing: false,
    isInline: true,
    isHtmlInline: undefined,
    allowedChildren: null,
    allowsEmpty: false,
    excludeClosing: false,
    skipLastLineBreak: false,
    strictMatch: false,
 
    breakBefore: false,
    breakStart: false,
    breakEnd: false,
    breakAfter: false,
 
    format: 'string|function',
    html: 'string|function',
 
    quoteType: sceditor.BBCodeParser.QuoteType.auto
}

Структура объекта BBCode

styles object По умолчанию используется null

Все совпадающие теги будут переданы в format функцию или строку для преобразования в BBCode.

Чтобы сопоставить все вхождения стиля CSS с определенным значением, выполните следующее:

style.css

"style-name": ["value1", "value2"]

Любой DOM-узел, имеющий стиль style-name со значением value1 или value2 будет сопоставлен и передан свойству format для преобразования.

Чтобы найти все вхождения стиля независимо от его значения, выполните следующие действия:

style.css

"style-name": null

Это nullозначает, что значение свойства CSS не имеет значения, важно лишь то, что узел обладает этим свойством style-name.

Предупреждение: В настоящее время невозможно одновременно применять свойства `styles` и `tags` к элементам styles и tags тегам.

Чтобы выбрать тег с определенными стилями, выберите его с помощью tags свойства, а затем в методе format проверьте, имеет ли узел нужные стили. Если да, обработайте запрос, в противном случае просто верните содержимое.

Например:

script.js

format: function(element, content) {
    // Only handle tags with the font-weight: bold style
    if(element.style.fontWeight !== 'bold') {
        return content;
    }
return '[b]' + content + '[/b]';
 
}

Способ сопоставления можно изменить, изменив свойство strictMatch.

isSelfClosing

isSelfClosing Bool По умолчанию false

Если этот BBCode является самозакрывающимся тегом (не имеет закрывающего тега [hr]).

isInline

isInline Bool По умолчанию true

Если этот BBCode является встроенным или блочным.

isHtmlInline

isHtmlInline — логическое значение или не определено. По умолчанию используется undefined

Определяет, является ли выходной HTML-код для данного BBCode встроенным или нет. Это значение необходимо задать только в том случае, если оно отличается от isInline значения в BBCode. Если значение не определено, оно игнорируется и isInline используется вместо него.

allowedChildren

allowedChildren — массив или null. По умолчанию — null.

Если значение равно null/undefined, то будут разрешены все дочерние элементы. Если это массив, то будут разрешены только указанные теги. Чтобы разрешить использование обычного текста, используйте # в качестве имени тега.

Чтобы разрешить только обычный текст: allowedChildren: ['#']

Разрешить использование жирного и курсивного шрифта только для дочерних элементов: allowedChildren: ['b', 'i']

allowsEmpty

allowsEmpty Bool По умолчанию false

Если этот тег может быть пустым (не иметь дочерних элементов или контента).

excludeClosing

excludeClosing Bool По умолчанию false

Если не добавлять закрывающий тег. В основном для того, чтобы [*] можно было использовать без [/*].

skipLastLineBreak

skipLastLineBreak - логическое значение, по умолчанию false

  В блочных тегах во всех браузерах, кроме Internet Explorer, в конце добавляется дополнительный перенос строки . Если этот параметр установлен в значение true, дополнительный перенос строки добавляться не будет.

strictMatch

strictMatch Bool По умолчанию false

Следует ли использовать строгий поиск по атрибутам и стилям.

Если значение истинно, это приведет к выполнению операции И, требующей совпадения всех атрибутов тегов и стилей.

Если значение равно false, будет выполнено сопоставление по оператору ИЛИ, и совпадение будет обнаружено, если совпадает хотя бы один из атрибутов или стилей тега.

breakBefore

breakBefore - логическое значение, по умолчанию false

Если необходимо вставить новую строку перед открывающим тегом.

breakStart

breakStart Bool По умолчанию false

Если нужно вставить новую строку после начального тега.

Примечание: Это не относится к самозакрывающимся тегам.

breakEnd

breakEnd Bool По умолчанию false

Если необходимо вставить новую строку перед закрывающим тегом.

Примечание: Это не относится к самозакрывающимся тегам.

breakAfter

breakAfter Bool По умолчанию false

Если необходимо вставить новую строку после закрывающего тега.

format

format String или function

Это должна быть либо строка в формате «[b]{0}[/b]», где {0} будет заменена содержимым тегов BBCode.

Или функция, которая принимает два аргумента, element&, content и возвращает отформатированную строку BBCode.

element HTMLElement —

объект DOM HTMLElement, который необходимо преобразовать.

content String —

строка, содержащая содержимое BB-кодов. например:

script.js

function(element, content) {
    if(!element.attr('data-youtube-id'))
        return content;
 
    return '[youtube]' + element.attr('data-youtube-id') + '[/youtube]';
}

html

HTML - String или function

Это должна быть либо строка в формате «{0}», где {0} будет заменено содержимое HTML-тегов.

Или функция, которая принимает 3 аргумента (токен, атрибуты, содержимое) и возвращает HTML-строку.

token Object

TokenizeToken

attrs Object

атрибутов. Атрибут по умолчанию будет [tag=default] установлен наdefaultattr

content String

HTML-содержимое этого тега например:

script.js

html: function(token, attrs, content) {
    if(typeof attrs.defaultattr !== 'undefined')
        content = '<cite>' + attrs.defaultattr + '</cite>' + content;
 
    return '<blockquote>' + content + '</blockquote>';
}

quoteType

quoteType sceditor.BBCodeParser.QuoteType

По умолчанию используется sceditor.BBCodeParser.QuoteType.auto

Тип цитирования атрибута.

Это должна быть либо функция, либо одно из следующих значений:

sceditor.BBCodeParser.QuoteType.always

Всегда заключать значение атрибута в кавычки

sceditor.BBCodeParser.QuoteType.never

Никогда не заключайте значение атрибута в кавычки.

sceditor.BBCodeParser.QuoteType.auto

Заключайте значение атрибута в кавычки только в том случае, если оно содержит пробелы или знак равенства.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_doc_custom_commands

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 08:34:13 +0000

Пользовательские команды

Создание/обновление пользовательской команды

Для добавления/обновления команды используйте соответствующую sceditor.command.set() функцию.

Важно:При создании или обновлении команды это необходимо сделать до создания экземпляра редактора, например, до вызова метода sceditor.create().

Предупреждение:Эта функция обновит любую существующую команду с тем же именем.

Функция sceditor.command.set() принимает два аргумента: name и cmd.

name String

Название команды, используемое для ее отображения на панели инструментов. Должно быть написано строчными буквами!

Объект cmd.

Объект команды. Подробнее см. ниже.

script.js

sceditor.command.set('commandname', {
	exec: function() {
		// this is set to the editor instance
		this.insert('a');
	},
	txtExec: function() {
		// this is set to the editor instance
		this.insert('a');
	},
	tooltip: 'Insert the letter a'
});

Чтобы добавить значок к команде, используйте следующий CSS-код:

style.css

.sceditor-button-[name] div { background: url('/images/icon.png'); }

где [name] — это имя, используемое с sceditor.command.set(). Дополнительную информацию см. в разделе «Тематическое оформление». После создания команды вы можете добавить её на панель инструментов редактора с помощью опции «Панель инструментов».

Структура объекта команды:

script.js

{
  exec: undefined,
  errorMessage: undefined,
  txtExec: undefined,
  tooltip: undefined
}

exec

exec String or function

Выполняется при щелчке по кнопке в режиме WYSIWYG.
Это должна быть либо строка, которая будет передана в нативную execCommand() функцию браузера.
Или функция, принимающая 1 аргумент caller. Функции thisбудут установлены на экземпляр редактора.

caller HTMLElement

Элемент HTML-кнопки с командами или null.

script.js

exec: function () {
	this.insert('[b]Hello World[/b]');
}

script.js

// Bold will be passed to the native execCommand
exec: 'bold'

errorMessage

errorMessage String

Сообщение об ошибке, отображаемое в случае execсбоя при вызове нативных функций браузера execCommand(). Применяется только в том случае, если exec это строка.

shortcut

state

state String or function

Если state это строка, она будет передана в нативные queryCommandEnabled методы queryCommandState для получения состояния.

Если state это функция, то в качестве аргументов ей будут переданы родительский узел и родительский узел firstBlock. Она должна возвращать значение -1, 0 или 1

-1 Отключено (недоступно для нажатия)
0 Неактивен (состояние по умолчанию, можно нажать)
1 Активен (отображается как нажатый)

txtExec

txtExec String or array

Это должен быть либо массив, содержащий 1-2 строки, либо функция.

Если задан массив, содержащий две строки, то любое выделенное содержимое будет заключено в обе строки, а курсор будет перемещен перед последней из них. Если массив содержит только одну строку и при этом выделено какое-либо содержимое, то выделенное содержимое будет заменено, а курсор будет перемещен после вставленной строки.

Если txtExec это функция, она должна принимать 1 аргумент caller. Функции this будут установлены в редакторе.

caller HTMLElement Элемент HTML-кнопки с командами или null.

script.js

txtExec: function () {
	this.insert('[b]Hello World[/b]');
}

script.js

txtExec: ['[b]', '[/b]']

Всплывающая подсказка, которая отображается при наведении курсора мыши на команду.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_doc_custom_formats

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 09:21:53 +0000

Пользовательские форматы

Структура

В настоящее время SCEditor поддерживает форматы BBCode и XHTML, а также пользовательские форматы.

Важно:При создании пользовательского формата это необходимо сделать до создания экземпляра редактора, например, до вызова метода sceditor.create().

Структура пользовательского формата должна быть следующей:

script.js

sceditor.formats['youformatname'] = function () {
    /**
     * Called when the editor is created.
     *
     * This is called before the editor is fully initialised 
     */
    this.init = function () {
        // this is set to the editor
    };
 
    /**
     * Called when the WYSIWYG editor document is ready
     */
    this.onReady = function () {
        // this is set to the editor
    };
 
    /**
     * Called to convert the whole HTML document to this format
     */
    this.toSource = function (html, context) {
        // this is set to this object
    };
 
    /**
     * Called to convert the whole source into HTML
     */
    this.toHtml = function (source) {
        // this is set to this object
    };
 
    /**
     * Called to convert a fragment HTML into this format
     *
     * Parent is set to the current node
     */
    this.fragmentToSource = function (html, context, parent) {
        // this is set to this object
    };
 
    /**
     * Called to convert a fragment of source into HTML
     */
    this.fragmentToHtml = function (source) {
        // this is set to this object
    };
};

Если какой-либо метод отсутствует, ошибки не возникнет, он просто не будет вызван.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_doc_custom_plugins

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 09:40:52 +0000

Пользовательские плагины

Создание плагина

Плагины необходимо добавлять в качестве свойства объекта sceditor.plugins.*.

Например, для создания плагина с таким названием myplugin будет выглядеть так:

script.js

// Created in sceditor.plugins.[name] object
sceditor.plugins.myplugin = function() {
	// Place signal handlers and functions here
};

Чтобы затем включить плагин в редакторе, добавьте его myplugin в раздел плагинов при создании редактора.

Важно:При создании пользовательского плагина это необходимо сделать до создания экземпляра редактора, например, до вызова метода ` sceditor.create().

Структура пользовательского формата должна быть следующей:

Обработка сигналов

Для создания обработчика сигнала достаточно создать функцию с именем сигнала, и она будет автоматически вызываться всякий раз, когда этот сигнал возникает.

script.js

sceditor.plugins.myplugin = function() {
	base.signalKeydownEvent = function(e) {
		// this will automatically be called when 'myplugin'
		// is registered with an editor instance and there
		// is a keydown event
	};
};

Все сигналы будут this установлены на тот экземпляр редактора, к которому применяется плагин.

init

Вызывается при регистрации плагина в редакторе.

destroy

Вызывается при destroy() вызове соответствующей функции в редакторе или при удалении плагина из редактора.

Этот сигнал следует использовать для отмены привязки любых событий DOM и для выполнения очистки, чтобы браузер мог освободить используемую память.

signalReady

Вызывается после создания редактора.

Важно:Эту функцию можно вызвать до полной загрузки страницы.

signalKeydownEvent

Параметры:

e event Объект события keydown

Вызывается всякий раз, когда keydown событие срабатывает в редакторе в режиме WYSIWYG или в режиме исходного кода.

Используйте эту функцию this.sourceMode(), чтобы проверить, в каком режиме работает редактор.

signalKeyupEvent

Параметры:

e event Объект события keyup

Вызывается всякий раз, когда keyup событие срабатывает в редакторе в режиме WYSIWYG или в режиме исходного кода.

Используйте эту функцию this.sourceMode(), чтобы проверить, в каком режиме работает редактор.

signalFocusEvent

Параметры:

e event Объект события focus

Вызывается всякий раз, когда focusс обытие срабатывает в редакторе в режиме WYSIWYG или в режиме исходного кода.

Используйте эту функцию this.sourceMode(), чтобы проверить, в каком режиме работает редактор.

signalBlurEvent

Параметры:

e event Объект события blur

Вызывается всякий раз, когда blur событие срабатывает в редакторе в режиме WYSIWYG или в режиме исходного кода.

Используйте эту функцию this.sourceMode(), чтобы проверить, в каком режиме работает редактор.

signalContextmenuEvent

Параметры:

e event Объект события contextmenu

Вызывается всякий раз, когда contextmenu событие срабатывает в редакторе в режиме WYSIWYG или в режиме исходного кода.

Используйте эту функцию this.sourceMode(), чтобы проверить, в каком режиме работает редактор.

signalSelectionchangedEvent

Параметры:

e event Объект события selectionchanged

Вызывается всякий раз, когда изменяется выделение в WYSIWYG-редакторе.

Важно:Это событие не происходит в режиме источника.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_doc_theming

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 09:53:52 +0000

Тематическое оформление

Структура HTML

Схема структуры HTML-кода SCEditors.

index.html

<!-- Main container -->
<div class="sceditor-container">
  <!-- Toolbar container -->
  <div class="sceditor-toolbar">
    <!-- Toolbar group container -->
    <div class="sceditor-group">
      <!-- Toolbar button -->
      <a class="sceditor-button sceditor-button-[name]"
        data-sceditor-command="[name]"
        unselectable="on" title="[name]">
 
        <!-- Toolbar button text container -->
        <div unselectable="on">[tooltip or name]</div>
      </a>
    </div>
  </div>
 
  <!-- Contains the WYSIWYG editor -->
  <iframe></iframe>
 
  <!-- Contains the source mode editor -->
  <textarea></textarea>
 
  <!-- Grip used to resize the editor -->
  <div class="sceditor-grip"></div>
 
  <!-- Used to cover the WYSIWYG editor so mousemove events are still handled -->
  <div class="sceditor-resize-cover"></div>
 
  <!-- This is hidden and only used so that blur() can work -->
  <input>
</div>

Структура CSS

Примечание:Содержимое WYSIWYG- редактора iframe оформляется с помощью внешней таблицы стилей, которую можно передать через параметр style в конструкторе редактора.

div.sceditor-container — контейнер для всего редактора. CSS-класс .sourceModeбудет добавлен в режиме исходного кода, а класс .wysiwygMode— в режиме WYSIWYG .
div.sceditor-toolbar - контейнер для панели инструментов.
div.sceditor-group - группа панелей инструментов.
- a.sceditor-button - кнопка панели инструментов. Класс .disabledбудет добавлен, если команда не поддерживается в текущем режиме.
- a.sceditor-button-[name] - аналогичен предыдущему классу, но [name] заменено на имя команды кнопки, например .sceditor-button-bold, ,.sceditor-button-italic
- div-элемент - div содержащем текст, отвечающий за доступность кнопок, и обычно имеющем фоновое изображение, также устанавливается значок кнопки.
iframe - используется для WYSIWYG -редактора. Его необходимо выбрать с помощью имени тега HTML-элемента.
textarea - текстовое поле, используемое для редактора в режиме исходного кода. Его необходимо выделить с помощью имени тега HTML-элемента.
div.sceditor-grip — элемент управления, используемый для изменения размера редактора.
div.sceditor-resize-cover — div это компонент, который закрывает редактор во время изменения его размера.
div.sceditor-dropdown, div содержащий выпадающий список

Структура темы

Все темы по умолчанию в формате LESS CSS находятся в соответствующей src/themes/ директории.

Для сборки и минификации тем выполните команду build/build.sh –css из корневого каталога SCEditor. Результат будет помещен в этот minified/themesкаталог.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_memo_bbcode

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 10:51:41 +0000

Памятка по использованию BB-кодов (bbCode)

Содержание

Введение

bbCode — Bulletin Board Code, или язык разметки, используемый для форматирования сообщений на многих электронных досках объявлений (BBS) и форумах. Для форматирования текста используются теги, подобные тегам HTML. В отличие от тегов HTML, теги bbCode заключают в квадратные скобки. Перед отображением страницы движок форума производит разбор текста и преобразовывает bbCode в HTML-код.

На многих форумах возможность использования BB-кодов настраивается администратором индивидуально на каждый раздел форума. Поэтому, прежде чем использовать BB-коды в сообщениях, необходимо убедиться, что они разрешены.

Форматирование шрифта

Базовые тэги для работы с текстом:

[p] Обычный абзац с отступом. [/p]

[p=стиль] Абзац, которому можно задавать стиль. [/p]
* Здесь и далее «стиль» — это аналог style в HTML.
   [p=стиль]текст[/p]  аналогично в HTML  <p style="стиль">текст</p>
** С тэгами [p] [/p] можно использовать другие тэги, такие как [b], [i], [s] и т.д.

[span=стиль] Текст, которому с помощью стиля можно менять свойства. [/span]

[div=стиль] Ограниченная область, которой с помощью стиля можно менять свойства (положение, границы, отступы, свойства содержимого и т.д.). [/div]
* По умолчанию границы областей не видны. На одной странице может быть сразу несколько областей [div].

Форматирование текста:

[b] Важный текст, полужирный [/b]
[i] Важный текст, курсив [/i]
[bold] Просто полужирный [/bold]
[italic] Просто курсив [/italic]
[u] Подчёркнутый текст [/u]
[s] Зачёркнутый текст [/s] — аналогично варианту [strike] [/strike]
[small] Уменьшенный шрифт [/small]
Знак сноски [sup] сверху [/sup] или индекс [sub] снизу [/sub] от текста
[ins] Добавленный текст [/ins]
[del] Удалённый текст [/del]

Размеры шрифта:

[size=13pt] Шрифт размером 13 пунктов [size]
[size=15pt] Шрифт размером 15 пунктов [size]
[size=9px] Шрифт размером 9 пикселей [size]
[size=12px] Шрифт размером 12 пикселей [size]
[size=15px] Шрифт размером 15 пикселей [size]
[size=0] Размер 0 [size]
[size=+1] Размер +1 [size]
[size=+2] Размер +2 [size]

Возможные варианты размеров шрифтов (визуальная оценка) доступны здесь.

Заголовки:

[h1] Заголовок 1-го уровня [/h1]
[h2] Заголовок 2-го уровня [/h2]
[h3] Заголовок 3-го уровня [/h3]
[h4] Заголовок 4-го уровня [/h4]
[h5] Заголовок 5-го уровня [/h5]
[h6] Заголовок 6-го уровня [/h6]

Оформление текста с помощью шрифтов:

[font=Times New Roman] Шрифт Comic Sans Ms [/font]
[font=Monotype Corsiva] Шрифт Monotype Corsiva [/font]
[font=Tahoma] Шрифт Tahoma [/font]

Возможные варианты типов шрифтов (наименования и визуальная оценка) доступны здесь.

Оформление текста с помощью цвета:

[color=Red] Красный текст [/color]
* Можно пользоваться стандартными словесными обозначениями цветов: Red, Green, Blue и т.д.
[color=#0000ff] Синий текст [/color]
* Цифра #0000ff означает синий цвет в RGB палитре.
[bg=#eeeeff] Голубой фон [/bg]
* У фона тоже можно менять цвет.
[color=#0000ff] [bg=lightgray] Синий текст, серый фон [/bg] [/color]

Некоторые предопределённые цвета:

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

Некоторые цвета в шестнадцатиричном коде — интенсивность красного, зелёного и синего (RRGGBB):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

Выравнивание текста и форматирование параграфов

Выравнивание текста:

[left] Выравнивание текста по левой стороне [/left]
[left стиль] Выравнивание по левой стороне со стилем [/left]
[pleft] Выравнивание в абзаце влево [/pleft]
[center] Выравнивание текста по центру [/center]
[center стиль] Выравнивание по центру со стилем [/center]
[pcenter] Выравнивание в абзаце по центру [/pcenter]
[right] Выравнивание текста по правой стороне [/right]
[right стиль] Выравнивание по правой стороне со стилем [/right]
[pright] Выравнивание в абзаце справа [/pright]
[justify] Выравнивание текста по обеим сторонам [/justify]
[justify стиль] Выравнивание по обеим сторонам со стилем [/justify]
[pjustify] Выравнивание в абзаце по обеим сторонам [/pjustify]

* Выравнивание текстов по обеим сторонам отображается для текстов, имеющих длину более одной строки.

Оформление сносок (комментариев) с отступом абзаца:

[q] Цитата в строке [/q]
[q свойства] Цитата в строке со свойствами [/q]
[quote]
Процитированный в отдельном блоке текст, у которого будет
небольшой отступ слева и особое оформление (стиль форума).
[/quote]

Примеры:

[quote]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;54525188]Lorem ipsum dolor sit amet[/quote]

Форматирование параграфов и областей:

[indent]
Привет! В этом абзаце первое предложение будет с "красной" строки, т.е. с отступом. Прямо как в книгопечати. Правда, в Интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.
[/indent]

[pre]

   Преформатированый текст
   сохраняет отступы слева и   между   словами
             и устанавливает те отступы, что вы укажите пробелами.
     Предупреждение! Тэг не делает переноса строки автоматом!
[/pre]

Форматирование списков

Используем тэг [ul] или [list] для маркированных списков:

Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[ul]
      [*] Один из пунктов списка [/*]
      [*] Другой такой пункт [/*]
      [*] Ещё один пункт. [/*]
[/ul]

Для пронумерованных списков используем тэг [ol]:

Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[ol]
      [*] Один из пунктов списка [/*]
      [*] Другой такой пункт [/*]
      [*] Ещё один пункт. [/*]
[/ol]

Закрывающий тэг [/*] не обязателен для использования:

Один из пунктов списка
Другой такой пункт
Ещё один пункт.
[list]
      [*] Один из пунктов списка
      [*] Другой такой пункт
      [*] Ещё один пункт.
[/list]

Также возможно прямое указания вида списка:
[list=1] — пронумерованный список
[list=a] — алфавитный список
[list=i] — список, пронумерованный римскими цифрами

Картинки

[img] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.

[imgleft] http://img.cx/img/primer.jpg [/imgleft] — картинка слева.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="float: left; margin: 0 10px 0 0;">
[imgright] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="float: right; margin: 0 0 0 10px;">
[imgcenter] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.
* Данный код аналогичен коду в HTML:
<div style="text-align: center"><img src="http://img.cx/img/primer.jpg"></div>

Аналогичные тэги с названиями и всплывающими подсказками:

Важно! В названии картинки нельзя использовать кавычки!

[img Название] http://img.cx/img/primer.jpg [/img] — пример вставки картинки.
[imgleft Название] http://img.cx/img/primer.jpg [/imgleft] — картинка слева.
[imgright Название] http://img.cx/img/primer.jpg [/imgright] — картинка справа.
[imgcenter Название] http://img.cx/img/primer.jpg [/imgcenter] — картинка по центру.

Картинки с указанными размерами:

[img=300×500] http://img.cx/img/primer.jpg [/img] — пример картинки с размером.
* Данный код аналогичен коду в HTML:
<img src="http://img.cx/img/primer.jpg" style="width: 300px; height: 500px">

[imgleft=300×500] http://img.cx/img/primer.jpg [/imgleft] — картинка слева, с размером.

[imgright=300×500] http://img.cx/img/primer.jpg [/imgright] — картинка справа, с размером.

Вставка больших изображений с полосами прокрутки:

[image] http://www.hdsw.ru/pics/IMG_1734.jpg [/image] — картинка в выделенной области, если она больше доступного размера отображения на форуме.

Миниатюры изображения со ссылкой на оригинал:

[imgmini=_адрес-mini] адрес [/imgmini] — открыть изображение в новом окне.
* Данный код аналогичен коду в HTML:
<a href="адрес" target="_blank"><img src="адрес-mini"></a>

[imgmini=адрес-mini] адрес [/imgmini] — открыть изображение в том же окне.
* Данный код аналогичен коду в HTML:
<a href="адрес"><img src="адрес-mini"></a>

Ссылки на другие страницы, FTP, E-Mail и др.

[url] http://www.hdsw.ru/ [/url] — обычная ссылка.
* Данный код аналогичен коду в HTML:
<a href="http://www.hdsw.ru/">http://www.hdsw.ru/</a>

[url=http://www.hdsw.ru/] Линк на HD Systems Worldwide [/url]
* Данный код аналогичен коду в HTML:
<a href="http://www.hdsw.ru/">Линк на HD Systems Worldwide</a>

Картинка-ссылка (баннер):
[url=http://www.hdsw.ru/] [img] http://img.cx/img/primer.jpg [/img] [/url]

[email] e-mail@example.com [/email] — почтовый ящик как ссылка.
[email=e-mail@example.com] текст под ссылкой на e-mail [/email]
[icq] номер ICQ [/icq] — вставка ICQ-номера как ссылки.
[skype] логин в Skype [/skype] — вставка учётной записи Skype как ссылки.
[wmid] номер WMID [/wmid] — вставка WebMoney-идентификатора WMID как ссылки.
[wiki] искомое значение [/wiki] — ссылка на значение в энциклопедии.
[wiki=искомое значение] отображаемый текст [/wiki] — ссылка в текущем тексте (любом) на нужное значение в энциклопедии.

Ссылки внутри форумов и блогов:

[user] имя_пользователя [/user] — ссылка на профиль пользователя.
[user=ID_пользователя] имя_пользователя_произвольно [/user] — ссылка на профиль пользователя с произвольным текстом.

[forum=ID_форума] Описание [/forum] — ссылка на подфорум по его ID.
[blog=ID_блога] Описание [/blog] — ссылка на блог по его ID.

[thread] ID_темы [/thread] — ссылка на тему по его ID.
[thread=ID_темы] Описание [/thread]

[topic=ID_темы] Описание [/topic] — ссылка на тему по его ID.

[post] ID_сообщения [/post] — ссылка на сообщение по его ID.
[post=ID_сообщения] Описание [/post]

[snapback] ID_сообщения [/snapback] — вставляет маленькую иконку со ссылкой на указанное сообщение по его ID.

[entry=ID_поста] Описание [/entry] — ссылка на пост в блоге по его ID.

Таблицы

Пример простейшей таблицы:

Строка 1, колонка 1	Строка 1, колонка 2
Строка 2, колонка 1	Строка 2, колонка 2
[table]
    [tr]
        [td] Строка 1, колонка 1 [/td]
        [td] Строка 1, колонка 2 [/td]
    [/tr]
    [tr]
        [td] Строка 2, колонка 1 [/td]
        [td] Строка 2, колонка 2 [/td]
    [/tr]
[/table]

В таблице можно указывать произвольные стили и классы. Примеры:
[table class="red" style="border: 1px solid red"]
[tr rowspan="2"]
[td style="font-size: 18pt"]

Специальные тэги

 
[br] — тэг переноса строки.
[bs] — вставка неразрывного пробела, преобразуется в &nbsp;
[tab] — вставка отступа на 32 пикселя (4 символа), аналог символа TAB.
[ucase] ТЕКСТ [/ucase] — выделенный текст в верхнем регистре.
[lcase] текст [/lcase] — выделенный текст в нижнем регистре.
[highlight] Этот текст выделен [/highlight] — позволяет выделить ваш текст (цветом/фоном/шрифтом).
[spoiler=заголовок] скрытый текст [/spoiler] — позволяет спрятать большой кусок текста и изображения под ссылку (кат). Пример:
[spoiler="Скриншоты"] [img] http://example.com/1.jpg [/img] скрытый текст [/spoiler]
[extract] текст [/extract] — позволяет выделить часть поста в блоге, которая будет показана на титульной странице блога и в RSS feed. Остальной текст будет показан только на странице поста.
[noparse] [b]значение[/b] [/noparse] — отменяет распознавание BB-кодов в выделенном тексте.
[noindex] текст [/noindex] — выделенный текст не будет индексироваться поисковыми системами.
[acronym=‘Твой Верный Спутник’] ТВС [/acronym] — позволяет ввести сокращение (акроним), которое будет показывать пояснение при наведении на него мышью.
[abbr] аббревиатура [/abbr] — указывает, что последовательность символов является аббревиатурой.
[abbr=расшифровка_аббревиатуры] аббревиатура [/abbr]
[cite] Сноска [/cite] — помечает текст как цитату или сноску на другой материал.
[cite свойства] Сноска [/cite]
[address] адрес [/address] — тэг предназначен для хранения информации об авторе и может включать в себя любые элементы вроде ссылок, текста, выделений и т.д.
[address свойства] адрес [/address]
[text-demo] — подключает файл text-demo.txt (можно использовать для проверки стилей шаблона).
[hr] — тэг вставки линии на всю ширину доступной области:

Работа с терминами

Для работы с терминами используется тройка элементов [dl], [dt], [dd], предназначенных для создания списка определений. Каждый такой список начинается с контейнера [dl], куда входит тег [dt], создающий термин и тег [dd], задающий определение этого термина. Закрывающий тег [/dt] не обязателен, поскольку следующий тег сообщает о завершении предыдущего элемента. Тем не менее, хорошим стилем является закрывать все теги.
Пример:
[dl]
    [dt] Термин 1 [/dt]
        [dd] Определение термина 1 [/dd]
    [dt] Термин 2 [/dt]
        [dd] Определение термина 2 [/dd]
[/dl]
Как правило, в документе, когда упоминается новый термин, он выделяется курсивом и дается его определение. При использовании этого термина в дальнейшем, он считается уже известным читателю. Тег [dfn] применяется для выделения таких терминов, при их первом появлении в тексте.
[dfn] Новый термин [/dfn]
[dfn свойства] Новый термин [/dfn]

Вставка видео и других flash-объектов

[video] ссылка [/video] — универсальный тег.

Тэги под специализированные видеохостинги с использованием идентификатора:
[youtube] идентификатор [/youtube] — вставка видеоролика с YouTube.com
[rutube] идентификатор [/rutube] — вставка видеоролика с RuTube.ru
[googlevideo] идентификатор [/googlevideo] — вставка видеоролика с Google.com
[veoh] идентификатор [/veoh] — вставка видеоролика с Veoh.com
[smotri] идентификатор [/smotri] — вставка видеоролика с Smotri.com. Возможна модификация [smotricomvideo]

Тэги под специализированные видеохостинги с использованием ссылки:
[mailvideo] ссылка [/mailvideo] — вставка видеоролика с Mail.ru
[yandexvideo] ссылка [/yandexvideo] — вставка видеоролика с Yandex.ru

Любые flash-объекты (сторонние видеохостинги, flash-игры, flash-баннеры и т.д.) можно использовать с помощью: [flash=ширина,высота] адрес_объекта [/flash]
* Размер области определяется в пикселях.

Примеры:
[youtube]9L4YCG7dJeE[/youtube]
[video=youtube;9L4YCG7dJeE]https://youtu.be/9L4YCG7dJeE[/video]
[googlevideo]8420876204610684862[/googlevideo]
[veoh]v922088SBwxySaR[/veoh]
[yandexvideo]pugachev-alexander/1rgzbi6w6b.809/[/yandexvideo]

Отображение примеров различных кодов

BB-код в том числе предназначен для публикации примеров различных кодов. С помощью специального форматирования код будет только отображаться, но не исполняться. Кроме того, программный код будет отображаться с «цветовой подсветкой» (highlight).

[prog=язык] текст программы [/prog]
где «язык» может принимать значения: cpp, objectivec, cs, delphi, avrasm, 1c, python, profile, perl, erlang, erlang_repl, apache, nginx, php, xml, html, css, java, javascript, vbscript, sql, lisp, django, scala, ruby, go, lua, vala, rsl, rib, mel, smalltalk, bash, cmake, axapta, vhdl, parser3, tex, haskell, dos, ini, diff, no-highlight.

[code] текст моноширинным шрифтом [/code] — любой код и текст.
[code=php] текст [/code] — код языка PHP с соответствующей «цветовой подсветкой».
[php] отображаемый HTML-код [/php] — код PHP с «цветовой подсветкой».
[html] отображаемый HTML-код [/html] — код HTML с «цветовой подсветкой».
[sql] отображаемый HTML-код [/sql] — SQL-код с «цветовой подсветкой».

Специальные символы

Код Символ Для набора на клавиатуре нажмите*

&laquo;	«	ALT+0171
&raquo;	»	ALT+0187
&mdash;	—	ALT+0151
&copy;	©	ALT+0169
&reg;	®	ALT+0174
&trade;	™	ALT+0153
&#0047;	/	
&lt;	<	
&gt;	>	
&nbsp;	 	ALT+0160 — неразрывный пробел**
* — Зажмите кнопку ALT, наберите код, отпустите ALT. Работает в Windows.
** — Вставьте подряд несколько таких пробелов чтобы они не сливались в один:
&nbsp; &nbsp; &nbsp; — теперь слева отступ в шесть пробелов!

Возможные варианты символов, их названий и кодов доступны здесь.

Дополнения и Файлы

Ссылка на официальныый пост

sceditor_plugins_autosave

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 07:33:33 +0000

Плагин автосохранения

Автоматически сохраняет содержимое редактора (по умолчанию на 1 день) в локальное хранилище (localStorage).
Это удалит автоматически сохраненное содержимое при отправке формы, содержащей редактор, или при sceditor.plugins.autosave.clear() ручном вызове метода. При использовании пользовательского метода storageKeyего необходимо передать в качестве первого аргумента, clear()если требуется ручная очистка автоматически сохраненных данных.

Предупреждение!
При использовании нескольких экземпляров редактора на странице всегда указывайте параметр storageKey или переопределяйте обработчики загрузки и сохранения.

Инициализация

Чтобы включить плагин для работы с обычным текстом, добавьте autosave в plugins опцию, например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'autosave',
    style: 'minified/themes/content/default.min.css'
});
</script>

Вот и всё! Теперь содержимое редактора будет сохраняться в localStorage в течение 1 дня.

Параметры

Чтобы указать параметры автосохранения, добавьте autosave в объект options свойство с желаемыми параметрами, например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'dragdrop',
    style: 'minified/themes/content/default.min.css',
    autosave: {
        storageKey: ...,
        saveHandler: function (data) {
            ...
        }
    }
});
</script>

Плагин autosave поддерживает следующие параметры:

script.js

autosave: {
    // The storage key to use for storing the draft in local storage.
    // Key should start with "sce-autodraft-" for the autosave plugin to
    // remove it if it is passed the expires.
    // Defaults to "sce-autodraft-" plus the path and query string:
    storageKey: 'sce-autodraft-' + location.pathname + location.search;,
    // Save handler function, see below for data object
    saveHandler: function (data) {
        ...
    },
    // Load handler function, see below for data object
    loadHandler: function () {
        ...
        return data;
    },
    // Number of milliseconds to keep drafts before clearing when using the
    // default load and save handlers.
    // Defaults to 24 hrs
    expires: 86400000
}

Обработчик сохранения будет вызван с определенным значением, а обработчик загрузки должен вернуть следующий объект:

script.js

{
    // Object - contains the source mode caret position
    caret: {
        // Number - source editor caret start position
        start: Number
        // Number - source editor caret end position
        end: Number
    },
    // Boolean - if in source mode
    sourceMode: Boolean,
    // String - editors contents
    value: String,
    // Number - current timestamp
    time: Number
}

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_plugins_autoyoutube

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 07:57:11 +0000

Плагин AutoYoutube

Автоматически преобразует ссылки на YouTube, вставленные в редактор, во встроенные видеоролики.

Инициализация

Чтобы включить плагин для работы с обычным текстом, добавьте autoyoutube в plugins параметры и укажите параметры перетаскивания. Например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'autoyoutube',
    style: 'minified/themes/content/default.min.css'
});
</script>

Теперь при вставке ссылки на YouTube она будет преобразовываться во встроенный контент.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_plugins_dragdrop

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 07:52:03 +0000

Плагин DragDrop

Добавляет поддержку перетаскивания файлов в SCEditor. Пример использования для загрузки изображений на imgur доступен здесь.

Инициализация

Чтобы включить плагин для работы с обычным текстом, добавьте dragdrop в plugins параметры и укажите параметры перетаскивания. Например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'dragdrop',
    style: 'minified/themes/content/default.min.css',
    dragdrop: {
        allowedTypes: ...,
        handleFile: function (file, createPlaceholder) {
            ...
        }
    }
});
</script>

Параметры

Плагин поддерживает следующие параметры:

script.js

dragdrop: {
    // Array of allowed mime types or null to allow all
    allowedTypes: ['image/jpeg', 'image/png'],
    // Function to return if a file is allowed or not,
    // defaults to always returning true
    isAllowed: function(file) {
        return true;
    },
    // If to extract pasted files like images pasted as
    // base64 encoded URI's. Defaults to true
    handlePaste: true,
    // Method that handles the files / uploading etc.
    handleFile: function (file, createPlaceholder) {
        // createPlaceholder function will insert a
        // loading placeholder into the editor and
        // return an object with inert(html) and
        // cancel() methods
 
        // For example:
        var placeholder = createPlaceholder();
 
        asyncUpload(file).then(function (url) {
            // Replace the placeholder with the image HTML
            placeholder.insert('<img src=\'' + url + '\' />');
        }).catch(function () {
            // Error so remove the placeholder
            placeholder.cancel();
        });
    }
}

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_plugins_plaintext

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 07:41:05 +0000

Плагин для работы с обычным текстом

При вставке содержимого в редактор удаляет все форматирование.

Инициализация

Чтобы включить плагин для работы с обычным текстом, добавьте plaintext в plugins опцию, например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'plaintext',
	style: 'minified/themes/content/default.min.css'
});
</script>

Вот и всё, теперь вся вставка в редактор будет осуществляться в виде обычного текста.

Переключить режим просмотра обычного текста

Установка параметра pastetext.addButtonв значение true изменяет поведение этого плагина, позволяя включать и выключать вставку обычного текста с помощью команды по умолчанию. Например:

script.js

<script>
sceditor.create(textarea, {
    plugins: 'plugin',
    pastetext: {
        addButton: true,
        enabled: false // Set to true to start in enabled state
    },
	style: 'minified/themes/content/default.min.css'
});
</script>

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_plugins_undo

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 07:45:23 +0000

Плагин отмены

Этот плагин добавляет поддержку отмены/повтора действий в SCEditor.

Инициализация

Чтобы включить плагин отмены, добавьте его undo в plugins параметры. Например:

script.js

<script>
sceditor.create(textarea, {
	plugins: 'undo',
	style: 'minified/themes/content/default.min.css'
});
</script>

Теперь сочетания клавиш ctrl+z, ctrl+shift+z и ctrl+y должны стабильно работать во всех браузерах.

Дополнения и Файлы

Ссылка на оригинальную статью

sceditor_sbbcodeparser

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 10:10:55 +0000

SCEditor SBBCodeParser

sceditor: Как сохранять и загружать данные в/из MySQL?

SBBCodeParser — это простой PHP-класс для парсинга BBCode, который упрощает добавление собственных BBCode-кодов.

SBBCodeParser распространяется под лицензией LGPL, а исходный код доступен на GitHub .

Пример использования:

script.js

$parser = new SBBCodeParser_Document();
 
$parser->add_emoticons(array(
	':)' => 'http://localhost/Classes/SCEditor-punbb/punbb-1.3.5/img/smilies/smile.png',
	'=)' => 'http://localhost/Classes/SCEditor-punbb/punbb-1.3.5/img/smilies/smile.png'
));
 
echo $parser->parse('This should be [b]bold[/b] and this should be [i]italic[/i]')
	->detect_links()
	->detect_emails()
	->detect_emoticons()
	->get_html();

Пример добавления пользовательского BBCode:

script.js

$bbcode = new SBBCodeParser_BBCode('youtube', function($content, $attribs)
{
    if(substr($content, 0, 23) === 'http://www.youtube.com/')
        $uri = $content;
    else
        $uri = 'http://www.youtube.com/v/' . $content;
 
    return '';
}, SBBCodeParser_BBCode::BLOCK_TAG, false, array(), array('text_node'), SBBCodeParser_BBCode::AUTO_DETECT_EXCLUDE_ALL);
 
$parser->add_bbcode($bbcode);

В настоящее время по умолчанию включены следующие BB-коды:

b
i
strong
em
u
s
blink
sub
sup
ins
del
right
left
center
justify
note
hidden
abbr
acronym
icq
skype
bing
google
wikipedia
youtube
vimeo
flash
paypal
pastebin
gist
twitter
tweets
googlemaps
pdf
scribd
spoiler
tt
pre
code
php
quote
font
size
color
list
ul
ol
li
*
table
th
h
tr
row
r
td
col
c
notag
nobbc
noparse
h1
h2
h3
h4
h5
h6
big
small
br
sp
hr
anchor
goto
jumpto
img
email
url

Дополнения и Файлы

sceditor_upload_image

anonymous@undisclosed.example.com (Anonymous) — Tue, 06 Jan 2026 22:26:43 +0000

SCEditor upload image

Для вставки изображения достаточно вызвать метод `.bashrc` wysiwygEditorInsertHtml()или даже просто insert()использовать его в экземпляре редактора. insert()Метод `.bashrc` принимает BBCode, если используется плагин BBCode, в противном случае он принимает HTML.

Настройка редактора и формы загрузки

<script> 
$(function() { 
    $("textarea").sceditor({ 
		format: 'bbcode', 
        style: '/minified/themes/content/default.min.css', 
    }); 
 
    // Сохраняем этот экземпляр редактора, чтобы iframe мог получить к нему доступ 
    window.sceditorInstance = $("textarea").sceditor("instance"); 
}); 
</script> 
 
<textarea></textarea> 
 
<form action="https://www.imageshack.us/redirect_api.php" method="post" enctype="multipart/form-data" target="upload"> 
    <p><label>Изображение: <input type="file" name="media" /></label></p> 
 
    <p><label>Изменить размер изображения? <input type="checkbox" name="optimage" id="optimage" value="1" checked onclick="optsize.disabled=!this.checked"></label></p> 
 
    <p><label>Размер: <select name="optsize" id="optsize"> 
        <option value="resample">оптимизировать без изменения размера</option> 
        <option value="100x100">100x75 (аватар)</option> 
        <option value="150x150">150x112 (миниатюра)</option> 
        <option value="320x320">320x240 (для веб-сайтов и электронной почты)</option> 
        <option value="640x640">640x480 (для форумов)</option> 
        <option value="800x800">800x600 (15-дюймовый монитор)</option> 
        <option value="1024x1024">1024x768 (17-дюймовый монитор)</option> 
        <option value="1280x1280">1280x1024 (19-дюймовый монитор)</option> 
        <option value="1600x1600">1600x1200 (21-дюймовый монитор)</option> 
    </select></label></p> 
 
    <input type="hidden" name="key" value="DEVELOPER_KEY_HERE" /> 
    <input type="hidden" name="rembar" value="yes" /> 
    <input type="hidden" name="error_url" value="https://example.com/imageshack-example.html" /> 
    <input type="hidden" name="success_url" 
 
    <p><input type="submit" value="Upload" /></p> 
</form> 
<iframe style="visibility: hidden; height: 0; width: 0" id="upload" name="upload"></iframe>

imageshack-example.html — страница, на которую осуществляется перенаправление через API ImageShack. Это приведет к вставке HTML-кода или отображению сообщения об ошибке.

imageshack-example.html

<script> 
// Парсер строки запроса, источник: http://stevenbenner.com/2010/03/javascript-regex-trick-parse-a-query-string-into-an-object/ 
var queryString = {}; 
window.location.search.replace( 
    new RegExp("([^?=&]+)(=([^&]*))?", "g"), 
    function($0, $1, $2, $3) { queryString[$1] = $3; } 
); 
 
if(queryString.url) 
{ 
    var img_url = "https://" + 
        queryString.server + ".imageshack.us/img" + 
        queryString.server + "/" + 
        queryString.bucket + "/" + queryString.filename; 
 
    var html = "<a href=\"" + queryString.url + "\">" + 
            "<img src=\"" + img_url + "\" alt=\"Uploaded Image\" />" + 
        "</a<"; 
 
    // Этот метод вызывает wysiwygEditorInsertHtml в родительском окне 
    // экземпляре SCEditor 
    parent.window.sceditorInstance.wysiwygEditorInsertHtml(html); 
} 
else if(queryString.message) 
    alert(queryString.message); 
 
</script>

После отправки формы изображение будет загружено в ImageShack через iframe. После загрузки ImageShack перенаправит пользователя внутрь iframe на страницу с imageshack-example.htmlфайлом, где будет осуществлена вставка изображения или отображено сообщение об ошибке.

sceditor

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 09:57:25 +0000

SCEditor

SCEditor — это легковесный, бесплатный (open-source) JavaScript-редактор для веба, который позволяет пользователям форматировать текст в стилях BBCode и HTML в режиме «что видишь, то и получишь» (WYSIWYG), идеально подходящий для форумов, комментариев и блогов, где нужна простая, но функциональная вставка контента, включая таблицы, картинки, видео и смайлики.

Основные особенности SCEditor:

WYSIWYG (What You See Is What You Get): Отображает контент так же, как он будет выглядеть в итоге, упрощая форматирование.
Поддержка форматов: Работает как с BBCode (для форумов), так и с HTML (для веб-страниц).
Расширяемость: Легко добавляет функционал через плагины (например, для перетаскивания изображений, YouTube-видео).
Инструменты: Включает базовые функции: жирный, курсив, подчеркивание, выравнивание, вставка ссылок, таблиц, изображений, смайликов.
Легковесный: Разработан для быстрой загрузки, без необходимости сложной инсталляции.
Темы и иконки: Возможность настройки внешнего вида.

Быстрый старт

Включите JavaScript и CSS :

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/default.min.css" />
<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/sceditor.min.js"></script>

Либо

<!-- Include the default theme -->
<link rel="stylesheet" href="minified/themes/default.min.css" />
 
<!-- Include the editors JS -->
<script src="minified/sceditor.min.js"></script>
 
<!-- Include the BBCode or XHTML formats -->
<script src="minified/formats/bbcode.js"></script>
<script src="minified/formats/xhtml.js"></script>

Инициализируйте редактор.

BBCode

Чтобы включить плагин BBCode, просто добавьте его bbcode в format параметры.

<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/formats/bbcode.min.js"></script>
<script>
// Replace the textarea #example with SCEditor
var textarea = document.getElementById('example');
sceditor.create(textarea, {
	format: 'bbcode',
	style: 'https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/content/default.min.css'
});
</script>

XHTML

Чтобы включить плагин XHTML, просто добавьте его xhtml в format параметры.

<script src="https://cdn.jsdelivr.net/npm/sceditor@3/minified/formats/xhtml.min.js"></script>
<script>
// Replace the textarea #example with SCEditor
var textarea = document.getElementById('example');
sceditor.create(textarea, {
	format: 'xhtml',
	style: 'https://cdn.jsdelivr.net/npm/sceditor@3/minified/themes/content/default.min.css'
});
</script>

Параметры

Указание параметров :

Все параметры следует передавать через конструктор.

// Create the editor
sceditor.create(textarea, {
    // Options go here
 
    plugins: 'undo',
    format: 'bbcode',
	toolbar: 'bold,italic,underline|source',
	locale: 'no-NB'
});

панель инструментов

toolbar String — список всех встроенных команд.
Список команд, разделённых запятыми. Для разделения команд на группы используйте символ черточки (|) вместо запятой. Например:«bold,italic,underline|source»

панель инструментов Исключить

toolbarExclude String По умолчанию null

Список команд, разделенных запятыми, которые следует исключить из панели инструментов. Оставьте значение «как», nullчтобы ничего не исключать.

стиль

style String

URL-адрес таблицы стилей, используемой для оформления содержимого WYSIWYG- редактора.

var textarea = document.getElementById('example');
sceditor.create(textarea, {
	style: 'minified/themes/content/default.min.css'
});

шрифты

fonts String. По умолчанию используется«Arial,Arial Black,Comic Sans MS,Courier New,Georgia,Impact,Sans-serif,Serif,Times New Roman,Trebuchet MS,Verdana»
Список шрифтов, разделенных запятыми, для использования с селектором шрифтов.

var textarea = document.getElementById('example');
sceditor.create(textarea, {
	fonts: 'Arial,Courier New,Times New Roman'
});

цвета

цвета Строка По умолчанию null

Список шестнадцатеричных значений цветов, разделенных запятыми, должен содержать символы черточки (|) для обозначения новых столбцов. Если задано значение, nullцвета будут сгенерированы автоматически.

Например:

colors: '#ffff00,#ff00ff,#00ffff|#ff0000,#00ff00,#0000ff', Результатом будет:

локация

locale Строка По умолчанию «en»

Укажите используемую локаль, например: en, en-US, fr, и т. д.

ВажныйФайл языка необходимо подключить после основного JS-файла редактора, но до создания самого редактора. Например:

<script src="../minified/jquery.sceditor.min.js"></script>
<script src="../languages/nl.js"></script>
 
<!-- Create the editor after including the translation -->
<script>
sceditor.create(
    ...
);
</script>

кодировка

charset String По умолчанию используется«utf-8»

Кодировка, используемая для содержимого WYSIWYG- редактора .

startInSourceMode

startInSourceMode — логическое значение, по умолчанию —false

Чтобы запустить редактор в режиме исходного кода, установите значение, указывающее на trueзапуск в режиме исходного кода.

смайликиВключены

emoticonsEnabled Bool Defaults totrue

Если необходимо включить смайлики. Установите значение false«отключить смайлики».

emoticonsCompat

emoticonsCompat Bool Defaults to false

Включает или отключает режим совместимости со смайликами.

Если эта функция включена, смайлики должны быть окружены пробелами или символами конца строки . Например, если у вас есть смайлик с кодом :/, в режиме совместимости он не заменит :/в http://.

emoticonsRoot

emoticonsRoot String По умолчанию — пустая строка

Корневой URL всех смайликов. Эта строка будет добавляться в начало всех URL-адресов смайликов.

смайлики

объект смайликов

Объект в следующем формате:

{
    // Emoticons to be included in the dropdown
    dropdown: {
        ':)': 'emoticons/smile.png',
        ':angel:': 'emoticons/angel.png'
    },
    // Emoticons to be included in the more section
    more: {
        ':alien:': 'emoticons/alien.png',
        ':blink:': 'emoticons/blink.png'
    },
    // Emoticons that are not shown in the dropdown but will still
    // be converted. Can be used for things like aliases
    hidden: {
        ':aliasforalien:': 'emoticons/alien.png',
        ':aliasforblink:': 'emoticons/blink.png'
    }
}

иконки

icons Строка По умолчанию null

Набор значков для использования в редакторе. Если это значение равно null, набор значков использоваться не будет, и вместо него будут загружены значки из текущей темы.

var textarea = document.getElementById('example');
	sceditor.create(textarea, {
		format: 'xhtml',
		icons: 'material'
});

В комплект входят наборы иконок в монохромном стиле (используйте monocons в качестве значения параметра)

и иконки в стиле Material Design (используйте material в качестве значения параметра).

ширина

ширина — строка или целое число. По умолчанию —null

Начальная ширина редактора. Может быть либо целым числом, которое будет рассматриваться как значение в пикселях, либо строкой в процентах. Например: «100%».

Если установить значение null, ширина будет равна ширине заменяемого текстового поля.

высота

высота. Строка или целое число. По умолчанию -null

Начальная высота редактора. Может быть либо целым числом, которое будет рассматриваться как значение в пикселях, либо строкой в процентах. Например: «100%».

Если задать значение null, высота будет равна высоте заменяемого текстового поля.

resizeEnabled

resizeEnabled Bool По умолчаниюtrue

Если это позволяет изменять размер редактора, в правом нижнем углу (левом нижнем углу в режиме LTR) редактора будет добавлен небольшой маркер, позволяющий изменять его размер.

resizeMinWidth

resizeEnabled int По умолчанию null

Минимальная ширина, до которой можно изменять размер редактора. Установите значение null для половины ширины текстового поля или -1 для неограниченной ширины.

resizeMinHeight

resizeMinHeight int По умолчанию null

Минимальная высота, на которой можно изменять размер редактора. Установите значение null для половины высоты текстового поля или -1 для неограниченной высоты.

resizeMaxHeight

resizeMaxHeight int По умолчанию null

Максимальная высота, до которой можно изменять размер редактора. Установите значение null для удвоения высоты текстового поля или -1 для неограниченной высоты.

resizeMaxWidth

resizeMaxWidth int По умолчанию null

Максимальная ширина, до которой можно изменять размер редактора. Установите значение null для удвоения ширины текстового поля или -1 для неограниченной ширины.

resizeHeight

resizeHeight — логическое значение . По умолчанию используетсяtrue

Если необходимо включить изменение высоты редактора.

resizeWidth

resizeWidth — логическое значение. По умолчанию:true

Если необходимо включить изменение ширины редактора.

dateFormat

dateFormat Строковый формат . По умолчанию используется«year-month-day»

Формат даты, используемый командой date. Этот параметр будет переопределен, если в текущей локали указан другой формат даты.

Слова «год», «месяц» и «день» будут заменены на текущие год, месяц и день пользователя.

toolbarContainer

HTML-элемент toolbarContainer по умолчанию null

HTML-узел, в который следует встроить панель инструментов. По умолчанию панель инструментов добавляется над iframe.

включить фильтрацию вставки

enablePasteFiltering bool По умолчанию false

Если включить фильтрацию при вставке текста, он будет отфильтрован с помощью любых плагинов.

При использовании плагина BBCode любой HTML-код, не содержащий допустимого BBCode, будет удален.

только для чтения

readOnly bool По умолчанию false

Если редактор настроен только для чтения.

ртл

rtl bool По умолчанию false

Если необходимо перевести редактор в режим чтения справа налево.

Это можно изменить во время выполнения с помощью соответствующего rtl(bool)метода.

автофокус

autofocus bool По умолчанию false

Если необходимо включить автоматическую фокусировку редактора при загрузке страницы.

автофокусКонец

autofocusEnd bool По умолчаниюtrue

Если курсор следует размещать в конце при автоматической фокусировке или в начале.

авторазвернуть

autoExpand bool По умолчанию false

Если необходимо включить автоматическое расширение редактора в соответствии с содержимым.

автоматическое обновление

autoUpdate bool По умолчанию false

Если это так, то исходное текстовое поле будет обновлено текущим значением редактора, когда редактор потеряет фокус.

runWithoutWysiwygSupport

runWithoutWysiwygSupport bool По умолчанию false

Если запускать редактор исходного кода, когда в браузере отсутствует поддержка WYSIWYG- редактора. Это применимо только к мобильным ОС, поскольку все современные настольные браузеры поддерживают WYSIWYG- редактирование.

идентификатор

id Строка. По умолчанию используетсяnull

Идентификатор для назначения редактора.

плагины

plugins String По умолчанию используется пустая строка

Список плагинов, разделённых запятыми. Например:«plugin1,plugin2»

Список плагинов по умолчанию см. в документации к плагинам.

проверка орфографии

Проверка орфографии Логическое значение По умолчаниюtrue

Если нужно включить встроенную проверку орфографии браузера. Эта опция действительно полезна только в том случае, если вы хотите отключить встроенную проверку орфографии браузера.

disableBlockRemove

disableBlockRemove Логическое значение По умолчанию false

По умолчанию редактор удаляет блочные элементы, когда курсор находится в начале элемента и нажата клавиша Backspace. Эта опция позволяет отключить такое поведение.

parserOptions

Объект parserOptions. По умолчанию используется пустой объект.

Объект с параметрами для передачи в функцию BBCodeParser. Параметры следующие:

breakBeforeBlock

Если необходимо добавить перевод строки перед блоком BB-кодов.

breakStartBlock

Если нужно добавить перевод строки в начало блока BB-кодов.

breakEndBlock

Если нужно добавить перевод строки в конец блока BB-кодов.

breakAfterBlock

Если нужно добавить перевод строки после блока BB-кодов.

fixInvalidNesting

Если необходимо исправить некорректные вложенные BBCode, такие как блочные BBCode внутри встроенных BBCode.

fixInvalidChildren

Если необходимо исправить дочерние элементы, которые не должны быть дочерними элементами родительского BB-кода.

removeEmptyTags

Если нужно удалить пустые теги.

quoteType

Тип кавычек, используемых для атрибутов BBCode.
Дополнительную информацию см. в разделе «Формат BBCode» .

bbcodeTrim

bbcodeTrim Логическое значение По умолчанию false

Важный Это применимо только при использовании редактора в режиме BBCode.

Удаляет пустое пространство в начале и конце значения редактора.

Это не влияет на содержимое тегов BBCode или пробелы между ними, только на пробелы в начале и конце значения редактора.

Например:

[b] example [/b]

станет:

[b] example [/b]

dropDownCss

Объект dropDownCss по умолчанию представляет собой пустой объект.

Дополнительный CSS-код для добавления в выпадающее меню (например, z-index).

разрешенные теги

массив allowedTags <string> По умолчанию[]

Массив дополнительных тегов, которые должны быть разрешены в содержимом редактора.

По умолчанию пользовательские HTML-элементы удаляются средством очистки HTML-кода. Эта опция позволяет указать любые пользовательские HTML-элементы, которые должны быть разрешены.

разрешенные атрибуты

allowedAttributes Array<string> Defaults to[]

Набор дополнительных атрибутов, разрешенных для тегов в содержимом редактора.

По умолчанию HTML-санитайзер удаляет пользовательские атрибуты. Эта опция позволяет указать любые пользовательские атрибуты, которые должны быть разрешены.

Дополнения и Файлы

tinymce_upload_image_ajax_php_mysql

anonymous@undisclosed.example.com (Anonymous) — Fri, 09 Jan 2026 11:35:19 +0000

Загрузка изображений в TinyMCE с помощью Ajax и PHP

В предыдущем уроке мы объяснили, как использовать редактор TinyMCE для сохранения контента с помощью Ajax, PHP и MySQL . В этом уроке мы расскажем, как реализовать загрузку изображений в редакторе TinyMCE с помощью Ajax и PHP .

TinyMCE — это широко известный WYSIWYG HTML-редактор, который активно используется в веб-приложениях для создания HTML-контента. Он поддерживает форматирование текста, вставку таблиц, ссылок, изображений и многое другое.

TinyMCE имеет множество плагинов, позволяющих вставлять изображения в редактор из различных источников. Однако, возможность выбора изображения и его загрузки на сервер для вставки в редактор не предусмотрена. Для этого нам необходимо разработать собственный функционал.

Итак, если вы ищете решение для загрузки изображений в редактор TinyMCE, то вы попали по адресу.

В этом уроке мы шаг за шагом с помощью демонстрации в реальном времени покажем, как загрузить изображение из редактора TinyMCE и вставить его в редактор.

Итак, давайте реализуем загрузку изображений в TinyMCE с помощью Ajax и PHP. Основные файлы:

index.php : PHP-файл для загрузки редактора TinyMCE.
tinymce_editor.js : JavaScript-файл для инициализации редактора TinyMCE и загрузки изображений с помощью Ajax.
upload.php : PHP-файл для обработки загрузки изображений на сервер.

Шаг 1: Подключите TinyMCE и jQuery.

Мы скачали редактор TinyMCE, сохранили его в папку tinymce и подключили к index.php файлу. Также мы подключим jQuery и пользовательский tinymce_editor.js файл JavaScript.

tinymce_editor.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="tinymce/tinymce.min.js"></script><script src="tinymce/tinymce.min.js"></script>
<script src="js/tinymce_editor.js"></script><script src="js/tinymce_editor.js"></script>

Шаг 2: Создайте форму с текстовым полем.

В index.php файле мы создадим форму с текстовым полем для загрузки редактора TinyMCE.

index.php

<div class="container">	 class="container">	
	<div class="row">					<div class="row">					
		<form id="posts" name="posts" method="post"><form id="posts" name="posts" method="post">
			<textarea name="message" id="message"></textarea><br>				<textarea name="message" id="message"></textarea><br>				
		</form>		</form>		
	</div>	</div>	
</div></div>

Шаг 3: Инициализация редактора TinyMCE

В tinymce_editor.js файле мы инициализируем редактор TinyMCE, чтобы преобразовать текстовое поле в HTML-редактор TinyMCE WYSIWYG.

tinymce_editor.js

tinymce.init({.init({
	selector: "textarea",: "textarea",
	plugins: "code",: "code",
	toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code image_upload",: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code image_upload",
	menubar:false,:false,
    statusbar: false,: false,
	content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
	height: 200: 200
});});

Шаг 4: Добавьте кнопку загрузки изображения.

В tinymce_editor.js файле мы реализуем функциональность для добавления значка загрузки изображения на панель инструментов TinyMCE. Нам также потребуется добавить название кнопки image_upload на панель инструментов.

tinymce_editor.js

setup: function(ed) {		: function(ed) {		
	ed.addButton('image_upload', {.addButton('image_upload', {
		tooltip: 'Upload Image',: 'Upload Image',
		icon: 'image',: 'image',
		onclick: function () {: function () {
			fileInput.trigger('click');.trigger('click');
		}}
	});});
}}

Шаг 5: Обработка просмотра и загрузки изображений.

В tinymce_editor.js файле мы реализуем функциональность для выбора изображения при нажатии кнопки загрузки изображения, выполнения Ajax-запроса к upload.php файлу для загрузки изображения на сервер, а также для вставки изображения в редактор TinyMCE.

tinymce_editor.js

var fileInput = $('<input id="tinymce-uploader" type="file" name="pic" accept="image/*" style="display:none">'); fileInput = $('<input id="tinymce-uploader" type="file" name="pic" accept="image/*" style="display:none">');
$(ed.getElement()).parent().append(fileInput);(ed.getElement()).parent().append(fileInput);
 
fileInput.on("change",function(){			.on("change",function(){			
	var file = this.files[0];var file = this.files[0];
	var reader = new FileReader();			var reader = new FileReader();			
	var formData = new FormData();var formData = new FormData();
	var files = file;var files = file;
	formData.append("file",files);.append("file",files);
	formData.append('filetype', 'image');				.append('filetype', 'image');				
	jQuery.ajax({.ajax({
		url: "upload.php",: "upload.php",
		type: "post",: "post",
		data: formData,: formData,
		contentType: false,: false,
		processData: false,: false,
		async: false,async: false,
		success: function(response){: function(response){
			var fileName = response;var fileName = response;
			if(fileName) {if(fileName) {
				ed.insertContent('<img src="upload/'+fileName+'"/>');.insertContent('<img src="upload/'+fileName+'"/>');
			}}
		}}
	});		});		
	reader.readAsDataURL(file);	 .readAsDataURL(file);	 
});

Шаг 6: Загрузка изображения на сервер

В upload.php файле мы реализуем функциональность для загрузки файла изображения на сервер в uploadпапку и возврата ответа в виде имени загруженного файла.

upload.php

<?php
$fileName = $_FILES['file']['name'];= $_FILES['file']['name'];
$fileType = $_POST['filetype'];= $_POST['filetype'];
if($fileType == 'image'){if($fileType == 'image'){
  $validExtension = array('png','jpeg','jpg');= array('png','jpeg','jpg');
}}
$uploadDir = "upload/".$fileName;= "upload/".$fileName;
$fileExtension = pathinfo($uploadDir, PATHINFO_EXTENSION);= pathinfo($uploadDir, PATHINFO_EXTENSION);
$fileExtension = strtolower($fileExtension);= strtolower($fileExtension);
if(in_array($fileExtension, $validExtension)){if(in_array($fileExtension, $validExtension)){
   if(move_uploaded_file($_FILES['file']['tmp_name'],$uploadDir)){ if(move_uploaded_file($_FILES['file']['tmp_name'],$uploadDir)){ 
    echo $fileName;;
  }}
}}
?>

Дополнения и Файлы

——————————————

tinymce-editor_ajax_php_mysql

anonymous@undisclosed.example.com (Anonymous) — Fri, 09 Jan 2026 11:34:07 +0000

Загрузка динамического редактора TinyMCE с использованием Ajax, PHP и MySQL.

В предыдущем уроке мы объяснили, как реализовать загрузку изображений в TinyMCE с помощью Ajax и PHP . В этом уроке вы узнаете, как загружать динамические изображения в редакторе TinyMCE с помощью Ajax, PHP и MySQL.

TinyMCE — популярный WYSIWYG-редактор, используемый для ввода данных с целью их сохранения в базе данных. Он применяется в веб-приложениях для добавления и редактирования HTML-контента. Новый контент добавляется с помощью фиксированного редактора, но редактор TinyMCE необходимо динамически загружать и удалять для редактирования контента из разных записей.

Если вы ищете решения для динамической загрузки и удаления редактора TinyMCE для сохранения содержимого, то вы попали по адресу. В этом руководстве вы узнаете, как динамически загружать и удалять редактор TinyMCE для редактирования и сохранения содержимого из разных записей с помощью Ajax, PHP и MySQL.

В этом пошаговом руководстве мы рассмотрим, как динамически загружать и удалять редактор TinyMCE, а также сохранять контент в таблицу базы данных MySQL.

Итак, давайте реализуем динамическую загрузку и удаление редактора TinyMCE и сохранение контента в таблицу базы данных MySQL с помощью Ajax, PHP и MySQL. Основные файлы:

index.php : PHP-файл для загрузки редактора TinyMCE и записи сообщений.
tinymce_editor.js : JavaScript-файл для инициализации редактора TinyMCE и обеспечения функциональности сохранения изменений.
action.php : PHP-файл для обработки AJAX-запросов на редактирование и сохранение записей.
Message.php : Класс, содержащий методы для получения, сохранения и редактирования записей.

Таблица базы данных

Как показано в этом руководстве, мы будем отображать записи из базы данных и редактировать/сохранять их, загружая динамический редактор TinyMCE. Поэтому сначала мы создадим таблицу в базе данных MySQL, message используя приведенное ниже выражение для создания таблицы, чтобы реализовать эту функциональность.

MySQL

CREATE TABLE `message` ( 
  `id` int(11) NOT NULL, 
  `message` text NOT NULL, 
  `user` varchar(255) NOT NULL, 
  `created` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP 
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; 
 
ALTER TABLE `message` 
  ADD PRIMARY KEY (`id`); 
 
ALTER TABLE `message` 
  MODIFY `id` int(11) NOT NULL AUTO_INCREMENT;

Шаг 1: Подключите редактор TinyMCE и jQuery.

Мы загрузим библиотеку редактора TinyMCE, сохраним её в папке tinymceи включим в index.php файл. Также мы подключим jQuery и пользовательский JavaScript- tinymce_editor.js файл.

tinymce_editor.js

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> 
<script src="tinymce/tinymce.min.js"></script> 
<script src="js/tinymce_editor.js"></script>

Шаг 2: Загрузите редактор TinyMCE, чтобы сохранить новое сообщение.

Мы создадим форму с текстовым полем для загрузки редактора TinyMCE, чтобы добавить новое сообщение.

index.php

<form id="posts" name="posts" method="post"> 
	<textarea name="message" id="message"></textarea><br>	 
	<input type="hidden" name="action" id="action" value="save" /> 
	<button type="submit" id="save" name="save" class="btn btn-info saveButton">Сохранить</button> 
</form>

Шаг 3: Загрузите редактор TinyMCE.

В tinymce_editor.js файле мы создадим функцию startEditor()для инициализации редактора TinyMCE.

tinymce_editor.js

function startEditor(id) { 
	tinymce.init({ 
		selector: "textarea#"+id, 
		plugins: [ 
			"code ", 
			"paste" 
		], 
		toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code ", 
		menubar:false, 
		statusbar: false, 
		content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}", 
		height: 200	 
	}); 
}

Мы вызовем функцию startEditor() и укажем идентификатор текстового поля, чтобы загрузить редактор.

.js

$( document ).ready(function() { 
	startEditor('message');	 
});

Шаг 4: Список записей с сообщением

В index.php файле мы выведем список сообщений с кнопками редактирования для изменения текста сообщения.

index.php

<div id="postLsit">		 
<?php 
$result = $message->getPost(); 
while ($post = $result->fetch_assoc()) {			 
	$date = date_create($post['created']); 
?> 
	<article class="row" id="postRow_<?php echo $post['id']; ?>"> 
		<div class="col-md-2 col-sm-2 hidden-xs"> 
		  <figure class="thumbnail"> 
			<img class="img-responsive" src="images/user-avatar.png" /> 
			<figcaption class="text-center"><?php echo ucwords($post['user']); ?></figcaption> 
		  </figure> 
		</div> 
		<div class="col-md-10 col-sm-10"> 
		  <div class="panel panel-default arrow left"> 
			<div class="panel-body"> 
			  <header class="text-left"> 
				<div class="comment-user"><i class="fa fa-user"></i> Автор: <?php echo $post['user']; ?></div> 
				<time class="comment-date" datetime="16-12-2014 01:05"><i class="fa fa-clock-o"></i> <?php echo date_format($date, 'd MYH:i:s'); ?></time> 
			  </header> 
			  <div class="comment-post" id="post_message_<?php echo $post['id']; ?>"> 
 
				<?php echo $post['message']; ?> 
 
			  </div> 
 
			  <textarea name="message" id="<?php echo $post['id']; ?>" style="visibility:hidden;"></textarea><br> 
 
			  <div class="text-right" id="button_section_<?php echo $post['id']; ?>"> 
				<a class="btn btn-default btn-sm" id="edit_<?php echo $post['id']; ?>"><i class="fa fa-reply"></i> Редактировать</a> 
				<a class="btn btn-default btn-sm"><i class="fa fa-reply"></i> Удалить</a> 
			  </div>		 
 
			<div id="editSection_<?php echo $post['id']; ?>" class="hidden">						 
				<button type="submit" id="save_<?php echo $post['id']; ?>" name="save" class="btn btn-info saveButton">Сохранить</button> 
				<button type="submit" id="cancel_<?php echo $post['id']; ?>" name="cancel" class="btn btn-info saveButton">Отменить</button> 
			</div>					 
			</div>			 
 
		  </div> 
		</div> 
	</article>		 
<?php } ?> 
</div>

Шаг 5: Загрузите динамический редактор TinyMCE для редактирования сообщения.

В tinymce_editor.js файле мы загрузим TinyMCE, вызвав функцию startEditor(messageId) при нажатии кнопки редактирования сообщения. Мы загрузим редактор TinyMCE вместе с сообщением.

tinymce_editor.js

$('#postLsit').on('click','[id^=edit_]', function(event){ 
	var messageId = $(this).attr('id'); 
	messageId = messageId.replace(/edit_/g, ''); 
	messageId = parseInt(messageId); 
	tinymce.execCommand("mceRemoveEditor", true, messageId); 
	startEditor(messageId);		 
	tinymce.get(messageId).setContent($("#post_message_"+messageId).html()); 
	$("#editSection_"+messageId).removeClass('hidden');	 
	$("#button_section_"+messageId).addClass('hidden');		 
});

Шаг 6: Редактировать сообщение о сохранении

В tinymce_editor.js файле мы реализуем функциональность сохранения сообщения из динамического редактора с помощью Ajax-запроса action.php с действием updateредактирования/сохранения сообщения. Мы также обеспечим отображение обновленного сообщения с подробной информацией.

tinymce_editor.js

$('#postLsit').on('click','[id^=save_]', function(event){ 
	var messageId = $(this).attr('id'); 
	messageId = messageId.replace(/save_/g, ''); 
	messageId = parseInt(messageId);	 
	var postMessage = tinymce.get(messageId).getContent();	 
	tinymce.execCommand("mceRemoveEditor", true, messageId);					 
	var action = 'update'; 
	$.ajax({ 
		url:'action.php', 
		method:"POST", 
		data:{id:messageId, message:postMessage, action:action}, 
		dataType:"json", 
		success:function(data){	 
			var html = $("#postHtml").html();					 
			html = html.replace(/USERNAME/g, data.user); 
			html = html.replace(/POSTDATE/g, data.post_date); 
			html = html.replace(/POSTMESSAGE/g, data.message); 
			html = html.replace(/POSTID/g, data.id); 
			$("#postRow_"+messageId).html(html);				 
			$("#editSection_"+messageId).addClass('hidden'); 
			$("#button_section_"+messageId).removeClass('hidden');					 
		} 
	});		 
});

В action.php файле мы проверим наличие действия updateи вызовем update()метод из класса Message.php для обновления записи.

action.php

if(!empty($_POST['message']) && $_POST['message'] && $_POST['action'] == 'update') {	 
	$message->message = $_POST['message']; 
	$message->id = $_POST['id'];	 
	$message->update();	 
}

На занятии Message.php мы реализуем update() метод для обновления сообщения в таблице базы данных и возврата обновленных сведений о записи.

Message.php

public function update(){ 
 
	if($this->id && $this->message) { 
 
		$stmt = $this->conn->prepare(" 
			UPDATE ".$this->messageTable." SET message = ? 
			WHERE id = ?"); 
 
		$stmt->bind_param("si", $this->message, $this->id); 
 
		if($stmt->execute()){					 
			$sqlQuery = " 
				SELECT id, message, user, DATE_FORMAT(created,'%d %M %Y %H:%i:%s') AS post_date 
				FROM ".$this->messageTable." WHERE id = '".$this->id."'"; 
			$stmt2 = $this->conn->prepare($sqlQuery);				 
			$stmt2->execute(); 
			$result = $stmt2->get_result(); 
			$record = $result->fetch_assoc(); 
			echo json_encode($record); 
		}		 
	} 
}

Шаг 7: Удалите динамический редактор TinyMCE.

В tinymce_editor.js файле мы реализуем функциональность для удаления загруженного редактора TinyMCE при нажатии кнопки «Отмена».

tinymce_editor.js

$('#postLsit').on('click','[id^=cancel_]', function(event){ 
	var messageId = $(this).attr('id'); 
	messageId = messageId.replace(/cancel_/g, ''); 
	tinymce.execCommand("mceRemoveEditor", true, messageId); 
	$("#editSection_"+messageId).addClass('hidden'); 
	$("#button_section_"+messageId).removeClass('hidden');		 
});

Дополнения и Файлы

Загрузка изображений в TinyMCE с помощью Ajax и PHP

tinymce-editor_with_ajax_php_mysql

anonymous@undisclosed.example.com (Anonymous) — Fri, 09 Jan 2026 11:32:54 +0000

Сохранение содержимого редактора TinyMCE с помощью PHP и MySQL

В предыдущем уроке мы объяснили, как разработать систему учета посещаемости студентов с использованием PHP и MySQL . В этом уроке мы расскажем, как использовать редактор TinyMCE для замены текстового поля и сохранения контента с помощью Ajax, PHP и MySQL.

TinyMCE — это самый продвинутый JavaScript WYSIWYG HTML-редактор для создания контента на веб-сайтах. Редактор легко интегрируется в любой веб-сайт, преобразуя текстовые поля в HTML-редактор для создания HTML-контента.

Если вы работаете над сайтом и хотите заменить обычное текстовое поле на продвинутый WYSIWYG HTML-редактор, то вы попали по адресу.

В этом пошаговом руководстве мы рассмотрим, как интегрировать редактор TinyMCE и сохранять контент в базу данных MySQL с помощью Ajax и PHP.

Основные файлы:

index.php : PHP-файл для загрузки редактора TinyMCE для сохранения контента.
tinymce_editor.js : JavaScript-код для инициализации редактора TinyMCE.
action.php : Файл действий для обработки AJAX-запросов.
Post.php : Класс для хранения методов.

Шаг 1: Создание таблицы в базе данных MySQL

Сначала мы создадим таблицу в базе данных MySQL posts для хранения содержимого, полученного из редактора TinyMCE.

MySQL

CREATE TABLE `posts` (
  `id` int(11) NOT NULL,
  `message` text NOT NULL,
  `user` varchar(255) NOT NULL,
  `edited` int(11) NOT NULL DEFAULT 0,
  `created` datetime NOT NULL DEFAULT current_timestamp()
) ENGINE=InnoDB DEFAULT CHARSET=latin1;

Шаг 2: Подключите файлы Bootstrap, jQuery и TinyMCE Editor.

Поскольку мы будем создавать страницы с использованием Bootstrap, мы включим файлы Bootstrap. Также мы включим файлы jQuery и TinyMCE в index.php файл.

index.php

<link rel = "stylesheet" href = <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script src="tinymce/tinymce.min.js"></script>
<script src="js/tinymce_editor.js"></script>

Шаг 3: Создайте форму с помощью редактора TinyMCE.

В index.php файле мы создадим HTML-форму с текстовым полем и кнопкой отправки для сохранения данных формы.

index.php

<form id="posts" name="posts" method="post">
	<textarea name="message" id="message"></textarea><br>	
	<input type="hidden" name="action" id="action" value="save" />
	<button type="submit" id="save" name="save" class="btn btn-info saveButton">Save</button>
</form>

Шаг 4: Инициализация редактора TinyMCE.

В tinymce_editor.js файле мы инициализируем редактор TinyMCE. Мы будем использовать текстовое поле для преобразования в расширенный редактор TinyMCE.

tinymce_editor.js

tinymce.init({
	selector: "textarea",
	plugins: [
		"code ",
		"paste"
	],
	toolbar: "undo redo | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link code ",
	menubar:false,
    statusbar: false,
	content_style: ".mce-content-body {font-size:15px;font-family:Arial,sans-serif;}",
	height: 200	
});

Шаг 5: Обработка отправки формы и сохранение содержимого.

Мы будем обрабатывать отправку формы с помощью jQuery и выполнять JAX-запрос action.php с действием saveдля сохранения значений формы в таблицу базы данных и отображения сохраненного контента в случае успешного выполнения JAX-запроса.

action.php

$(document).on('submit','#posts', function(event){
	var formData = $(this).serialize();
	$.ajax({
			url: "action.php",
			method: "POST",              
			data: formData,
			dataType:"json",
			success: function(data) {     
				var html = $("#postHtml").html();					
				html = html.replace(/USERNAME/g, data.user);
				html = html.replace(/POSTDATE/g, data.post_date);
				html = html.replace(/POSTMESSAGE/g, data.message);
				$("#postLsit").append(html).fadeIn('slow');
				tinymce.get('message').setContent('');
			}
	});		
	return false;
});

В action.php файле мы обработаем AJAX POST-запрос и вызовем метод insert()для вставки содержимого в базу данных.

action.php

include_once 'config/Database.php';
include_once 'class/Post.php';
$database = new Database();
$db = $database->getConnection();
$post = new Post($db);
if(!empty($_POST['message']) && $_POST['message'] && $_POST['action'] == 'save') {	
	$post->message = $_POST['message'];
	$post->user = "User";
	$post->insert();	
}

insert() В классе будет реализован метод Post.php для сохранения содержимого в таблицу базы данных MySQL и возврата сохраненных данных в виде JSON-ответа для отображения записи содержимого.

Post.php

public function insert(){
 
	if($this->message) {
 
		$stmt = $this->conn->prepare("
			INSERT INTO ".$this->postsTable."(`message`, `user`)
			VALUES(?, ?)");
 
		$stmt->bind_param("ss", $this->message, $this->user);
 
		if($stmt->execute()){	
			$lastPid = $stmt->insert_id;
			$sqlQuery = "
				SELECT id, message, user, DATE_FORMAT(created,'%d %M %Y %H:%i:%s') AS post_date
				FROM ".$this->postsTable." WHERE id = '$lastPid'";
			$stmt2 = $this->conn->prepare($sqlQuery);				
			$stmt2->execute();
			$result = $stmt2->get_result();
			$record = $result->fetch_assoc();
			echo json_encode($record);
		}		
	}
}

Шаг 6: Отображение сохраненных записей

Мы отобразим сохраненные записи в index.php файле, вызвав соответствующий getPost() метод.

index.php

<div id="postLsit">		
<?php
$result = $posts->getPost();
while ($post = $result->fetch_assoc()) {			
	$date = date_create($post['created']);
?>
	<article class="row">
		<div class="col-md-2 col-sm-2 hidden-xs">
		  <figure class="thumbnail">
			<img class="img-responsive" src="images/user-avatar.png" />
			<figcaption class="text-center"><?php echo ucwords($post['user']); ?></figcaption>
		  </figure>
		</div>
		<div class="col-md-10 col-sm-10">
		  <div class="panel panel-default arrow left">
			<div class="panel-body">
			  <header class="text-left">
				<div class="comment-user"><i class="fa fa-user"></i> By: <?php echo $post['user']; ?></div>
				<time class="comment-date" datetime="16-12-2014 01:05"><i class="fa fa-clock-o"></i> <?php echo date_format($date, 'd M Y H:i:s'); ?></time>
			  </header>
			  <div class="comment-post">
				<p>
				<?php echo $post['message']; ?>
				</p>
			  </div>
			  <p class="text-right"><a href="#" class="btn btn-default btn-sm"><i class="fa fa-reply"></i> reply</a></p>
			</div>
		  </div>
		</div>
	</article>		
<?php }	?>
</div>

Мы реализуем getPost() в классе метод Post.php для получения записей.

index.php

public function getPost(){		
	$sqlQuery = "
		SELECT *
		FROM ".$this->postsTable." ORDER BY id DESC";
 
	$stmt = $this->conn->prepare($sqlQuery);
	$stmt->execute();
	$result = $stmt->get_result();			
	return $result;	
}

Дополнения и Файлы

tinymce

anonymous@undisclosed.example.com (Anonymous) — Wed, 07 Jan 2026 22:50:41 +0000

TinyMCE

TinyMCE (англ. Tiny Moxiecode Content Editor) — это онлайн-редактор форматированного текста, выпущенный как программное обеспечение с открытым исходным кодом под лицензией GNU General Public License версии 2 или более поздней. TinyMCE использует модель freemium , которая включает бесплатный базовый редактор и платные планы с расширенными функциями. Он преобразует textareaполя HTML или другие указанные элементы HTML в экземпляры редактора.

TinyMCE разработан для интеграции с библиотеками JavaScript, такими как React , Vue.js , Angular и Stencil.js, а также с системами управления контентом, такими как Joomla! и WordPress.

Поддержка браузерами

Тип лицензии: GPL2+

Быстрый старт: TinyMCE

Загружаем в конце статьи файлы и запускаем файл index.html(index.php) с нижеприведенным кодом

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="google" value="notranslate">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
    <script src="/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
    <script>
      tinymce.init({
        selector: '#mytextarea'
      });
    </script>
  </head>
 
  <body>
    <h1>TinyMCE Quick Start Guide</h1>
    <form method="post">
      <textarea id="mytextarea">Hello, World!</textarea>
    </form>
  </body>
</html>

Базовый тест TinyMCE

index.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
	<meta name="google" value="notranslate">
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
	<link rel="stylesheet" href="/tinymce/bootstrap/5.3.8/bootstrap.min.css">
    <script src="/tinymce/jquery/3.7.1/jquery-3.7.1.min"></script>
    <script src="/tinymce/tinymce.min.js" referrerpolicy="origin" crossorigin="anonymous"></script>
<script>
  tinymce.init({
	        selector: 'textarea',
			/*Установить язык «Русский»*/
			language:"ru",
			theme : "silver",
			/*Скрыть «Powered by TinyMCE»*/
			branding: false,
			/*Скрыть «Upgrade»*/
			promotion: false,
    plugins: [
      // Core editing features
      'anchor', 'autolink', 'charmap', 'codesample', 'emoticons', 'images', 'image', 'link', 'lists', 'media', 'searchreplace', 'table', 'visualblocks', 'wordcount',
      // Your account includes a free trial of TinyMCE premium features
      // Try the most popular premium features until Jan 5, 2025:
      'checklist', 'mediaembed', 'casechange', 'export', 'formatpainter', 'pageembed', 'a11ychecker', 'tinymcespellchecker', 'permanentpen', 'powerpaste', 'advtable', 'advcode', 'editimage', 'advtemplate', 'ai', 'mentions', 'tinycomments', 'tableofcontents', 'footnotes', 'mergetags', 'autocorrect', 'typography', 'inlinecss', 'markdown','importword', 'exportword', 'exportpdf'
    ],
    toolbar: 'undo redo code| blocks fontfamily fontsize | bold italic underline strikethrough | link image media table mergetags | addcomment showcomments | spellcheckdialog a11ycheck typography | align lineheight | checklist numlist bullist indent outdent | emoticons charmap | removeformat',
    tinycomments_mode: 'embedded',
    tinycomments_author: 'Author name',
    mergetags_list: [
      { value: 'First.Name', title: 'First Name' },
      { value: 'Email', title: 'Email' },
    ],
    ai_request: (request, respondWith) => respondWith.string(() => Promise.reject('See docs to implement AI Assistant')),
  });
</script>
</head>
<body>
	<div class="container mt-5">
		<form method="post">
			<div class="form-group">
				<label>Title</label>
				<input type="text" name="title" class="form-control">
			</div>
			<div class="form-group mt-4">
				<label>Content</label>
				<textarea id="tinymce">Hello, World!</textarea>
			</div>
 
			<button class="btn btn-primary mt-4">Submit</button>
		</form>
	</div>
 
</body>
</html>

TinyMCE Базовый тест

Вставка изображения из директории

в tinymce.init({ добпаляем следующий код

.js

	/*URL скрипта обработчика*/
        images_upload_url: 'postAcceptor.php',
        /* Автоматическая загрузка изображений после их выбора пользователем.*/
        automatic_uploads: true,

Создаем для примера в корне директории файл скрипта обработчика postAcceptor.php

postAcceptor.php.php

<?php
// postAcceptor.php
 
// Define allowed origins (optional)
header('Access-Control-Allow-Origin: *');
 
// Target directory
$imageFolder = "uploads/";
 
// Create directory if it doesn't exist
if (!file_exists($imageFolder)) {
    mkdir($imageFolder, 0777, true);
}
 
// Get the file and check if it's an uploaded file
reset($_FILES);
$temp = current($_FILES);
 
if (is_uploaded_file($temp['tmp_name'])){
    // Basic sanitization and extension verification
    if (preg_match("/([^\w\s\d\-_~,;\[\]\(\).])|([\.]{2,})/", $temp['name']) || !in_array(strtolower(pathinfo($temp['name'], PATHINFO_EXTENSION)), array("gif", "jpg", "png", "jpeg"))) {
        header("HTTP/1.1 400 Invalid file.");
        return;
    }
 
    // Move the uploaded file
    $filetowrite = $imageFolder . $temp['name'];
    move_uploaded_file($temp['tmp_name'], $filetowrite);
 
    // Respond with JSON including the image location
    echo json_encode(array('location' => $filetowrite));
} else {
    // Handle upload failure
    header("HTTP/1.1 500 Server Error");
}
?>

проверяем в браузере (Вставить → Изображение → Вкладка «Передать»)

В корне будет создана папка uploads куда и будет загружена картинка

tinymce_uploads.zip

Дополнения и Файлы

Демонстрации TinyMCE

worldwide open-source software - software:development:web:docs:web:wysiwyg

nicedit_nicedit_js_n

nicEdit.js

nicedit_nicedit_js

nicEdit.js

nicedit_nicedit_latest_js

nicEdit-latest.js

nicedit_nicedit_min_js_map

nicEdit.min.js.map

nicedit_nicedit_min_js

nicEdit.min.js

nicedit_niceditoricons_gif

nicEditorIcons.gif

nicedit

NicEdit

Документация

About NicEdit

NicEdit Reference

Javascript API

Class nicEditors

Class nicInstance

Class nicEditor

Configuration Options

Доступные параметры конфигурации:

List of Buttons for buttonList option

Plugin Reference

Saving via AJAX

XHTML Compliant Output

Почему это проблема?

Что доступно сейчас?

Когда я могу ожидать исправления этой проблемы?

Пример использования функции ''tidy'' в PHP для очистки кода:

Customization

Developing with NicEdit

Ознакомьтесь с кодом.

Используйте Кодекс разработки

Creating a Plugin

Чтобы объяснить различные части примера:

Вскоре:

Integration with NicEdit events

How to translate nicEdit (with Spanish example)

Примерно строка 252:

Примерно строка 1046:

Примерно строка 1120:

Примерно строка 1131:

Дополнения и Файлы

sceditor_custom_commands

SCEditor пользовательские команды

sceditor_doc_custom_bbcodes

Пользовательские BBCodes

Создание/обновление BBCodes

Структура объекта BBCode

Структура объекта BBCode

styles object По умолчанию используется null

tags

tags object По умолчанию используется null

isSelfClosing

isSelfClosing Bool По умолчанию false

isInline

isInline Bool По умолчанию true

isHtmlInline

isHtmlInline — логическое значение или не определено. По умолчанию используется undefined

allowedChildren

allowedChildren — массив или null. По умолчанию — null.

allowsEmpty

allowsEmpty Bool По умолчанию false

excludeClosing

excludeClosing Bool По умолчанию false

skipLastLineBreak

skipLastLineBreak - логическое значение, по умолчанию false

strictMatch

strictMatch Bool По умолчанию false

breakBefore

breakBefore - логическое значение, по умолчанию false

breakStart

breakStart Bool По умолчанию false

breakEnd

breakEnd Bool По умолчанию false

breakAfter

breakAfter Bool По умолчанию false

exec String or function

errorMessage String

state String or function

txtExec String or array

tooltip String