NicEdit

1. /* NicEdit - Micro Inline WYSIWYG
2.  * Copyright 2007-2008 Brian Kirchoff
3.  *
4.  * NicEdit is distributed under the terms of the MIT license
5.  * For more information visit http://nicedit.com/
6.  * Do not remove this copyright message
7.  */
8. var bkExtend = function(){
9.     var args = arguments;
10.     if (args.length == 1) args = [this, args[0]];
11.     for (var prop in args[1]) args[0][prop] = args[1][prop];
12.     return args[0];
13. };
14. function bkClass() { }
15. bkClass.prototype.construct = function() {};
16. bkClass.extend = function(def) {
17.   var classDef = function() {
18.       if (arguments[0] !== bkClass) { return this.construct.apply(this, arguments); }
19.   };
20.   var proto = new this(bkClass);
21.   bkExtend(proto,def);
22.   classDef.prototype = proto;
23.   classDef.extend = this.extend;      
24.   return classDef;
25. };
27. var bkElement = bkClass.extend({
28.     construct : function(elm,d) {
29.         if(typeof(elm) == "string") {
30.             elm = (d || document).createElement(elm);
31.         }
32.         elm = $BK(elm);
33.         return elm;
34.     },
35.     
36.     appendTo : function(elm) {
37.         elm.appendChild(this);  
38.         return this;
39.     },
40.     
41.     appendBefore : function(elm) {
42.         elm.parentNode.insertBefore(this,elm);  
43.         return this;
44.     },
45.     
46.     addEvent : function(type, fn) {
47.         bkLib.addEvent(this,type,fn);
48.         return this;    
49.     },
50.     
51.     setContent : function(c) {
52.         this.innerHTML = c;
53.         return this;
54.     },
55.     
56.     pos : function() {
57.         var curleft = curtop = 0;
58.         var o = obj = this;
59.         if (obj.offsetParent) {
60.             do {
61.                 curleft += obj.offsetLeft;
62.                 curtop += obj.offsetTop;
63.             } while (obj = obj.offsetParent);
64.         }
65.         var b = (!window.opera) ? parseInt(this.getStyle('border-width') || this.style.border) || 0 : 0;
66.         return [curleft+b,curtop+b+this.offsetHeight];
67.     },
68.     
69.     noSelect : function() {
70.         bkLib.noSelect(this);
71.         return this;
72.     },
73.     
74.     parentTag : function(t) {
75.         var elm = this;
76.          do {
77.             if(elm && elm.nodeName && elm.nodeName.toUpperCase() == t) {
78.                 return elm;
79.             }
80.             elm = elm.parentNode;
81.         } while(elm);
82.         return false;
83.     },
84.     
85.     hasClass : function(cls) {
86.         return this.className.match(new RegExp('(//s|^)nicEdit-'+cls+'(//s|$)'));
87.     },
88.     
89.     addClass : function(cls) {
90.         if (!this.hasClass(cls)) { this.className += " nicEdit-"+cls };
91.         return this;
92.     },
93.     
94.     removeClass : function(cls) {
95.         if (this.hasClass(cls)) {
96.             this.className = this.className.replace(new RegExp('(//s|^)nicEdit-'+cls+'(//s|$)'),' ');
97.         }
98.         return this;
99.     },
101.     setStyle : function(st) {
102.         var elmStyle = this.style;
103.         for(var itm in st) {
104.             switch(itm) {
105.                 case 'float':
106.                     elmStyle['cssFloat'] = elmStyle['styleFloat'] = st[itm];
107.                     break;
108.                 case 'opacity':
109.                     elmStyle.opacity = st[itm];
110.                     elmStyle.filter = "alpha(opacity=" + Math.round(st[itm]*100) + ")"; 
111.                     break;
112.                 case 'className':
113.                     this.className = st[itm];
114.                     break;
115.                 default:
116.                     //if(document.compatMode || itm != "cursor") { // Nasty Workaround for IE 5.5
117.                         elmStyle[itm] = st[itm];
118.                     //}     
119.             }
120.         }
121.         return this;
122.     },
123.     
124.     getStyle : function( cssRule, d ) {
125.         var doc = (!d) ? document.defaultView : d; 
126.         if(this.nodeType == 1)
127.         return (doc && doc.getComputedStyle) ? doc.getComputedStyle( this, null ).getPropertyValue(cssRule) : this.currentStyle[ bkLib.camelize(cssRule) ];
128.     },
129.     
130.     remove : function() {
131.         this.parentNode.removeChild(this);
132.         return this;    
133.     },
134.     
135.     setAttributes : function(at) {
136.         for(var itm in at) {
137.             this[itm] = at[itm];
138.         }
139.         return this;
140.     }
141. });
143. var bkLib = {
144.     isMSIE : (navigator.appVersion.indexOf("MSIE") != -1),
145.     
146.     addEvent : function(obj, type, fn) {
147.         (obj.addEventListener) ? obj.addEventListener( type, fn, false ) : obj.attachEvent("on"+type, fn);  
148.     },
149.     
150.     toArray : function(iterable) {
151.         var length = iterable.length, results = new Array(length);
152.         while (length--) { results[length] = iterable[length] };
153.         return results; 
154.     },
155.     
156.     noSelect : function(element) {
157.         if(element.setAttribute && element.nodeName.toLowerCase() != 'input' && element.nodeName.toLowerCase() != 'textarea') {
158.             element.setAttribute('unselectable','on');
159.         }
160.         for(var i=0;i<element.childNodes.length;i++) {
161.             bkLib.noSelect(element.childNodes[i]);
162.         }
163.     },
164.     camelize : function(s) {
165.         return s.replace(//-(.)/g, function(m, l){return l.toUpperCase()});
166.     },
167.     inArray : function(arr,item) {
168.         return (bkLib.search(arr,item) != null);
169.     },
170.     search : function(arr,itm) {
171.         for(var i=0; i < arr.length; i++) {
172.             if(arr[i] == itm)
173.                 return i;
174.         }
175.         return null;    
176.     },
177.     cancelEvent : function(e) {
178.         e = e || window.event;
179.         if(e.preventDefault && e.stopPropagation) {
180.             e.preventDefault();
181.             e.stopPropagation();
182.         }
183.         return false;
184.     },
185.     domLoad : [],
186.     domLoaded : function() {
187.         if (arguments.callee.done) return;
188.         arguments.callee.done = true;
189.         for (i = 0;i < bkLib.domLoad.length;i++) bkLib.domLoad[i]();
190.     },
191.     onDomLoaded : function(fireThis) {
192.         this.domLoad.push(fireThis);
193.         if (document.addEventListener) {
194.             document.addEventListener("DOMContentLoaded", bkLib.domLoaded, null);
195.         } else if(bkLib.isMSIE) {
196.             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>");
197.             $BK("__ie_onload").onreadystatechange = function() {
198.                 if (this.readyState == "complete"){bkLib.domLoaded();}
199.             };
200.         }
201.         window.onload = bkLib.domLoaded;
202.     }
203. };
205. function $BK(elm) {
206.     if(typeof(elm) == "string") {
207.         elm = document.getElementById(elm);
208.     }
209.     return (elm && !elm.appendTo) ? bkExtend(elm,bkElement.prototype) : elm;
210. }
212. var bkEvent = {
213.     addEvent : function(evType, evFunc) {
214.         if(evFunc) {
215.             this.eventList = this.eventList || {};
216.             this.eventList[evType] = this.eventList[evType] || [];
217.             this.eventList[evType].push(evFunc);
218.         }
219.         return this;
220.     },
221.     fireEvent : function() {
222.         var args = bkLib.toArray(arguments), evType = args.shift();
223.         if(this.eventList && this.eventList[evType]) {
224.             for(var i=0;i<this.eventList[evType].length;i++) {
225.                 this.eventList[evType][i].apply(this,args);
226.             }
227.         }
228.     }   
229. };
231. function __(s) {
232.     return s;
233. }
235. Function.prototype.closure = function() {
236.   var __method = this, args = bkLib.toArray(arguments), obj = args.shift();
237.   return function() { if(typeof(bkLib) != 'undefined') { return __method.apply(obj,args.concat(bkLib.toArray(arguments))); } };
238. }
239.     
240. Function.prototype.closureListener = function() {
241.     var __method = this, args = bkLib.toArray(arguments), object = args.shift(); 
242.     return function(e) { 
243.     e = e || window.event;
244.     if(e.target) { var target = e.target; } else { var target =  e.srcElement };
245.         return __method.apply(object, [e,target].concat(args) ); 
246.     };
247. }       
250. /* START CONFIG */
252. var nicEditorConfig = bkClass.extend({
253.     buttons : {
254.         'bold' : {name : __('Click to Bold'), command : 'Bold', tags : ['B','STRONG'], css : {'font-weight' : 'bold'}, key : 'b'},
255.         'italic' : {name : __('Click to Italic'), command : 'Italic', tags : ['EM','I'], css : {'font-style' : 'italic'}, key : 'i'},
256.         'underline' : {name : __('Click to Underline'), command : 'Underline', tags : ['U'], css : {'text-decoration' : 'underline'}, key : 'u'},
257.         'left' : {name : __('Left Align'), command : 'justifyleft', noActive : true},
258.         'center' : {name : __('Center Align'), command : 'justifycenter', noActive : true},
259.         'right' : {name : __('Right Align'), command : 'justifyright', noActive : true},
260.         'justify' : {name : __('Justify Align'), command : 'justifyfull', noActive : true},
261.         'ol' : {name : __('Insert Ordered List'), command : 'insertorderedlist', tags : ['OL']},
262.         'ul' :  {name : __('Insert Unordered List'), command : 'insertunorderedlist', tags : ['UL']},
263.         'subscript' : {name : __('Click to Subscript'), command : 'subscript', tags : ['SUB']},
264.         'superscript' : {name : __('Click to Superscript'), command : 'superscript', tags : ['SUP']},
265.         'strikethrough' : {name : __('Click to Strike Through'), command : 'strikeThrough', css : {'text-decoration' : 'line-through'}},
266.         'removeformat' : {name : __('Remove Formatting'), command : 'removeformat', noActive : true},
267.         'indent' : {name : __('Indent Text'), command : 'indent', noActive : true},
268.         'outdent' : {name : __('Remove Indent'), command : 'outdent', noActive : true},
269.         'hr' : {name : __('Horizontal Rule'), command : 'insertHorizontalRule', noActive : true}
270.     },
271.     iconsPath : '../nicEditorIcons2.gif',
272.     buttonList : ['save','bold','italic','underline','left','center','right','justify','ol','ul','fontSize','fontFamily','fontFormat','indent','outdent','image','upload','link','unlink','forecolor','bgcolor','smile'],
273.     iconList : {"bold":1,"center":2,"hr":3,"indent":4,"italic":5,"justify":6,"left":7,"ol":8,"outdent":9,"removeformat":10,"right":11,"save":22,"strikethrough":13,"subscript":14,"superscript":15,"ul":16,"underline":17,"image":18,"link":19,"unlink":20,"close":21,"arrow":23,"upload":24,"smile":25}
274.     
275. });
276. /* END CONFIG */
279. var nicEditors = {
280.     nicPlugins : [],
281.     editors : [],
282.     
283.     registerPlugin : function(plugin,options) {
284.         this.nicPlugins.push({p : plugin, o : options});
285.     },
287.     allTextAreas : function(nicOptions) {
288.         var textareas = document.getElementsByTagName("textarea");
289.         for(var i=0;i<textareas.length;i++) {
290.             nicEditors.editors.push(new nicEditor(nicOptions).panelInstance(textareas[i]));
291.         }
292.         return nicEditors.editors;
293.     },
294.     
295.     findEditor : function(e) {
296.         var editors = nicEditors.editors;
297.         for(var i=0;i<editors.length;i++) {
298.             if(editors[i].instanceById(e)) {
299.                 return editors[i].instanceById(e);
300.             }
301.         }
302.     }
303. };
306. var nicEditor = bkClass.extend({
307.     construct : function(o) {
308.         this.options = new nicEditorConfig();
309.         bkExtend(this.options,o);
310.         this.nicInstances = new Array();
311.         this.loadedPlugins = new Array();
312.         
313.         var plugins = nicEditors.nicPlugins;
314.         for(var i=0;i<plugins.length;i++) {
315.             this.loadedPlugins.push(new plugins[i].p(this,plugins[i].o));
316.         }
317.         nicEditors.editors.push(this);
318.         bkLib.addEvent(document.body,'mousedown', this.selectCheck.closureListener(this) );
319.     },
320.     
321.     panelInstance : function(e,o) {
322.         e = this.checkReplace($BK(e));
323.         var panelElm = new bkElement('DIV').setStyle({width : (parseInt(e.getStyle('width')) || e.clientWidth)+'px'}).appendBefore(e);
324.         this.setPanel(panelElm);
325.         return this.addInstance(e,o);   
326.     },
328.     checkReplace : function(e) {
329.         var r = nicEditors.findEditor(e);
330.         if(r) {
331.             r.removeInstance(e);
332.             r.removePanel();
333.         }
334.         return e;
335.     },
337.     addInstance : function(e,o) {
338.         e = this.checkReplace($BK(e));
339.         if( (e.contentEditable || !!window.opera) && navigator.userAgent.indexOf('Firefox/3') == -1 ) {
340.             var newInstance = new nicEditorInstance(e,o,this);
341.         } else {
342.             var newInstance = new nicEditorIFrameInstance(e,o,this);
343.         }
344.         this.nicInstances.push(newInstance);
345.         return this;
346.     },
347.     
348.     removeInstance : function(e) {
349.         e = $BK(e);
350.         var instances = this.nicInstances;
351.         for(var i=0;i<instances.length;i++) {   
352.             if(instances[i].e == e) {
353.                 instances[i].remove();
354.                 this.nicInstances.splice(i,1);
355.             }
356.         }
357.     },
359.     removePanel : function(e) {
360.         if(this.nicPanel) {
361.             this.nicPanel.remove();
362.             this.nicPanel = null;
363.         }   
364.     },
366.     instanceById : function(e) {
367.         e = $BK(e);
368.         var instances = this.nicInstances;
369.         for(var i=0;i<instances.length;i++) {
370.             if(instances[i].e == e) {
371.                 return instances[i];
372.             }
373.         }   
374.     },
376.     setPanel : function(e) {
377.         this.nicPanel = new nicEditorPanel($BK(e),this.options,this);
378.         this.fireEvent('panel',this.nicPanel);
379.         return this;
380.     },
381.     
382.     nicCommand : function(cmd,args) {   
383.         if(this.selectedInstance) {
384.             this.selectedInstance.nicCommand(cmd,args);
385.         }
386.     },
387.     
388.     getIcon : function(iconName,options) {
389.         var icon = this.options.iconList[iconName];
390.         var file = (options.iconFiles) ? options.iconFiles[iconName] : '';
391.         return {backgroundImage : "url('"+((icon) ? this.options.iconsPath : file)+"')", backgroundPosition : ((icon) ? ((icon-1)*-18) : 0)+'px 0px'};  
392.     },
393.         
394.     selectCheck : function(e,t) {
395.         var found = false;
396.         do{
397.             if(t.className && t.className.indexOf('nicEdit') != -1) {
398.                 return false;
399.             }
400.         } while(t = t.parentNode);
401.         this.fireEvent('blur',this.selectedInstance,t);
402.         this.lastSelectedInstance = this.selectedInstance;
403.         this.selectedInstance = null;
404.         return false;
405.     }
406.     
407. });
408. nicEditor = nicEditor.extend(bkEvent);
410.  
411. var nicEditorInstance = bkClass.extend({
412.     isSelected : false,
413.     
414.     construct : function(e,options,nicEditor) {
415.         this.ne = nicEditor;
416.         this.elm = this.e = e;
417.         this.options = options || {};
418.         
419.         newX = parseInt(e.getStyle('width')) || e.clientWidth;
420.         newY = parseInt(e.getStyle('height')) || e.clientHeight;
421.         this.initialHeight = newY-8;
422.         
423.         var isTextarea = (e.nodeName.toLowerCase() == "textarea");
424.         if(isTextarea || this.options.hasPanel) {
425.             var ie7s = (bkLib.isMSIE && !((typeof document.body.style.maxHeight != "undefined") && document.compatMode == "CSS1Compat"))
426.             var s = {width: newX+'px', border : '1px solid #ccc', borderTop : 0, overflowY : 'auto', overflowX: 'hidden' };
427.             s[(ie7s) ? 'height' : 'maxHeight'] = (this.ne.options.maxHeight) ? this.ne.options.maxHeight+'px' : null;
428.             this.editorContain = new bkElement('DIV').setStyle(s).appendBefore(e);
429.             var editorElm = new bkElement('DIV').setStyle({width : (newX-8)+'px', margin: '4px', minHeight : newY+'px'}).addClass('main').appendTo(this.editorContain);
431.             e.setStyle({display : 'none'});
432.                 
433.             editorElm.innerHTML = e.innerHTML;      
434.             if(isTextarea) {
435.                 editorElm.setContent(e.value);
436.                 this.copyElm = e;
437.                 var f = e.parentTag('FORM');
438.                 if(f) { bkLib.addEvent( f, 'submit', this.saveContent.closure(this)); }
439.             }
440.             editorElm.setStyle((ie7s) ? {height : newY+'px'} : {overflow: 'hidden'});
441.             this.elm = editorElm;   
442.         }
443.         this.ne.addEvent('blur',this.blur.closure(this));
445.         this.init();
446.         this.blur();
447.     },
448.     
449.     init : function() {
450.         this.elm.setAttribute('contentEditable','true');    
451.         if(this.getContent() == "") {
452.             this.setContent('<br />');
453.         }
454.         this.instanceDoc = document.defaultView;
455.         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));
456.         this.ne.fireEvent('add',this);
457.     },
458.     
459.     remove : function() {
460.         this.saveContent();
461.         if(this.copyElm || this.options.hasPanel) {
462.             this.editorContain.remove();
463.             this.e.setStyle({'display' : 'block'});
464.             this.ne.removePanel();
465.         }
466.         this.disable();
467.         this.ne.fireEvent('remove',this);
468.     },
469.     
470.     disable : function() {
471.         this.elm.setAttribute('contentEditable','false');
472.     },
473.     
474.     getSel : function() {
475.         return (window.getSelection) ? window.getSelection() : document.selection;  
476.     },
477.     
478.     getRng : function() {
479.         var s = this.getSel();
480.         if(!s) { return null; }
481.         return (s.rangeCount > 0) ? s.getRangeAt(0) : s.createRange();
482.     },
483.     
484.     selRng : function(rng,s) {
485.         if(window.getSelection) {
486.             s.removeAllRanges();
487.             s.addRange(rng);
488.         } else {
489.             rng.select();
490.         }
491.     },
492.     
493.     selElm : function() {
494.         var r = this.getRng();
495.         if(r.startContainer) {
496.             var contain = r.startContainer;
497.             if(r.cloneContents().childNodes.length == 1) {
498.                 for(var i=0;i<contain.childNodes.length;i++) {
499.                     var rng = contain.childNodes[i].ownerDocument.createRange();
500.                     rng.selectNode(contain.childNodes[i]);                  
501.                     if(r.compareBoundaryPoints(Range.START_TO_START,rng) != 1 && 
502.                         r.compareBoundaryPoints(Range.END_TO_END,rng) != -1) {
503.                         return $BK(contain.childNodes[i]);
504.                     }
505.                 }
506.             }
507.             return $BK(contain);
508.         } else {
509.             return $BK((this.getSel().type == "Control") ? r.item(0) : r.parentElement());
510.         }
511.     },
512.     
513.     saveRng : function() {
514.         this.savedRange = this.getRng();
515.         this.savedSel = this.getSel();
516.     },
517.     
518.     restoreRng : function() {
519.         if(this.savedRange) {
520.             this.selRng(this.savedRange,this.savedSel);
521.         }
522.     },
523.     
524.     keyDown : function(e,t) {
525.         if(e.ctrlKey) {
526.             this.ne.fireEvent('key',this,e);
527.         }
528.     },
529.     
530.     selected : function(e,t) {
531.         if(!t) {t = this.selElm()}
532.         if(!e.ctrlKey) {
533.             var selInstance = this.ne.selectedInstance;
534.             if(selInstance != this) {
535.                 if(selInstance) {
536.                     this.ne.fireEvent('blur',selInstance,t);
537.                 }
538.                 this.ne.selectedInstance = this;    
539.                 this.ne.fireEvent('focus',selInstance,t);
540.             }
541.             this.ne.fireEvent('selected',selInstance,t);
542.             this.isFocused = true;
543.             this.elm.addClass('selected');
544.         }
545.         return false;
546.     },
547.     
548.     blur : function() {
549.         this.isFocused = false;
550.         this.elm.removeClass('selected');
551.     },
552.     
553.     saveContent : function() {
554.         if(this.copyElm || this.options.hasPanel) {
555.             this.ne.fireEvent('save',this);
556.             (this.copyElm) ? this.copyElm.value = this.getContent() : this.e.innerHTML = this.getContent();
557.         }   
558.     },
559.     
560.     getElm : function() {
561.         return this.elm;
562.     },
563.     
564.     getContent : function() {
565.         this.content = this.getElm().innerHTML;
566.         this.ne.fireEvent('get',this);
567.         return this.content;
568.     },
569.     
570.     setContent : function(e) {
571.         this.content = e;
572.         this.ne.fireEvent('set',this);
573.         this.elm.innerHTML = this.content;  
574.     },
575.     
576.     nicCommand : function(cmd,args) {
577.         document.execCommand(cmd,false,args);
578.     }       
579. });
581. var nicEditorIFrameInstance = nicEditorInstance.extend({
582.     savedStyles : [],
583.     
584.     init : function() { 
585.         var c = this.elm.innerHTML.replace(/^/s+|/s+$/g, '');
586.         this.elm.innerHTML = '';
587.         (!c) ? c = "<br />" : c;
588.         this.initialContent = c;
589.         
590.         this.elmFrame = new bkElement('iframe').setAttributes({'src' : 'javascript:;', 'frameBorder' : 0, 'allowTransparency' : 'true', 'scrolling' : 'no'}).setStyle({height: '100px', width: '100%'}).addClass('frame').appendTo(this.elm);
592.         if(this.copyElm) { this.elmFrame.setStyle({width : (this.elm.offsetWidth-4)+'px'}); }
593.         
594.         var styleList = ['font-size','font-family','font-weight','color'];
595.         for(itm in styleList) {
596.             this.savedStyles[bkLib.camelize(itm)] = this.elm.getStyle(itm);
597.         }
598.         
599.         setTimeout(this.initFrame.closure(this),50);
600.     },
601.     
602.     disable : function() {
603.         this.elm.innerHTML = this.getContent();
604.     },
605.     
606.     initFrame : function() {
607.         var fd = $BK(this.elmFrame.contentWindow.document);
608.         fd.designMode = "on";       
609.         fd.open();
610.         var css = this.ne.options.externalCSS;
611.         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>');
612.         fd.close();
613.         this.frameDoc = fd;
615.         this.frameWin = $BK(this.elmFrame.contentWindow);
616.         this.frameContent = $BK(this.frameWin.document.body).setStyle(this.savedStyles);
617.         this.instanceDoc = this.frameWin.document.defaultView;
618.         
619.         this.heightUpdate();
620.         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));
621.         this.ne.fireEvent('add',this);
622.     },
623.     
624.     getElm : function() {
625.         return this.frameContent;
626.     },
627.     
628.     setContent : function(c) {
629.         this.content = c;
630.         this.ne.fireEvent('set',this);
631.         this.frameContent.innerHTML = this.content; 
632.         this.heightUpdate();
633.     },
634.     
635.     getSel : function() {
636.         return (this.frameWin) ? this.frameWin.getSelection() : this.frameDoc.selection;
637.     },
638.     
639.     heightUpdate : function() { 
640.         this.elmFrame.style.height = Math.max(this.frameContent.offsetHeight,this.initialHeight)+'px';
641.     },
642.     
643.     nicCommand : function(cmd,args) {
644.         this.frameDoc.execCommand(cmd,false,args);
645.         setTimeout(this.heightUpdate.closure(this),100);
646.     }
648.     
649. });
650. var nicEditorPanel = bkClass.extend({
651.     construct : function(e,options,nicEditor) {
652.         this.elm = e;
653.         this.options = options;
654.         this.ne = nicEditor;
655.         this.panelButtons = new Array();
656.         this.buttonList = bkExtend([],this.ne.options.buttonList);
657.         
658.         this.panelContain = new bkElement('DIV').setStyle({overflow : 'hidden', width : '100%', border : '1px solid #cccccc', backgroundColor : '#efefef'}).addClass('panelContain');
659.         this.panelElm = new bkElement('DIV').setStyle({margin : '2px', marginTop : '0px', zoom : 1, overflow : 'hidden'}).addClass('panel').appendTo(this.panelContain);
660.         this.panelContain.appendTo(e);
662.         var opt = this.ne.options;
663.         var buttons = opt.buttons;
664.         for(button in buttons) {
665.                 this.addButton(button,opt,true);
666.         }
667.         this.reorder();
668.         e.noSelect();
669.     },
670.     
671.     addButton : function(buttonName,options,noOrder) {
672.         var button = options.buttons[buttonName];
673.         var type = (button['type']) ? eval('(typeof('+button['type']+') == "undefined") ? null : '+button['type']+';') : nicEditorButton;
674.         var hasButton = bkLib.inArray(this.buttonList,buttonName);
675.         if(type && (hasButton || this.ne.options.fullPanel)) {
676.             this.panelButtons.push(new type(this.panelElm,buttonName,options,this.ne));
677.             if(!hasButton) {    
678.                 this.buttonList.push(buttonName);
679.             }
680.         }
681.     },
682.     
683.     findButton : function(itm) {
684.         for(var i=0;i<this.panelButtons.length;i++) {
685.             if(this.panelButtons[i].name == itm)
686.                 return this.panelButtons[i];
687.         }   
688.     },
689.     
690.     reorder : function() {
691.         var bl = this.buttonList;
692.         for(var i=0;i<bl.length;i++) {
693.             var button = this.findButton(bl[i]);
694.             if(button) {
695.                 this.panelElm.appendChild(button.margin);
696.             }
697.         }   
698.     },
699.     
700.     remove : function() {
701.         this.elm.remove();
702.     }
703. });
704. var nicEditorButton = bkClass.extend({
705.     
706.     construct : function(e,buttonName,options,nicEditor) {
707.         this.options = options.buttons[buttonName];
708.         this.name = buttonName;
709.         this.ne = nicEditor;
710.         this.elm = e;
712.         this.margin = new bkElement('DIV').setStyle({'float' : 'left', marginTop : '2px'}).appendTo(e);
713.         this.contain = new bkElement('DIV').setStyle({width : '20px', height : '20px'}).addClass('buttonContain').appendTo(this.margin);
714.         this.border = new bkElement('DIV').setStyle({backgroundColor : '#efefef', border : '1px solid #efefef'}).appendTo(this.contain);
715.         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);
716.         this.button.addEvent('mouseover', this.hoverOn.closure(this)).addEvent('mouseout',this.hoverOff.closure(this)).addEvent('mousedown',this.mouseClick.closure(this)).noSelect();
717.         
718.         if(!window.opera) {
719.             this.button.onmousedown = this.button.onclick = bkLib.cancelEvent;
720.         }
721.         
722.         nicEditor.addEvent('selected', this.enable.closure(this)).addEvent('blur', this.disable.closure(this)).addEvent('key',this.key.closure(this));
723.         
724.         this.disable();
725.         this.init();
726.     },
727.     
728.     init : function() {  },
729.     
730.     hide : function() {
731.         this.contain.setStyle({display : 'none'});
732.     },
733.     
734.     updateState : function() {
735.         if(this.isDisabled) { this.setBg(); }
736.         else if(this.isHover) { this.setBg('hover'); }
737.         else if(this.isActive) { this.setBg('active'); }
738.         else { this.setBg(); }
739.     },
740.     
741.     setBg : function(state) {
742.         switch(state) {
743.             case 'hover':
744.                 var stateStyle = {border : '1px solid #666', backgroundColor : '#ddd'};
745.                 break;
746.             case 'active':
747.                 var stateStyle = {border : '1px solid #666', backgroundColor : '#ccc'};
748.                 break;
749.             default:
750.                 var stateStyle = {border : '1px solid #efefef', backgroundColor : '#efefef'};   
751.         }
752.         this.border.setStyle(stateStyle).addClass('button-'+state);
753.     },
754.     
755.     checkNodes : function(e) {
756.         var elm = e;    
757.         do {
758.             if(this.options.tags && bkLib.inArray(this.options.tags,elm.nodeName)) {
759.                 this.activate();
760.                 return true;
761.             }
762.         } while(elm = elm.parentNode && elm.className != "nicEdit");
763.         elm = $BK(e);
764.         while(elm.nodeType == 3) {
765.             elm = $BK(elm.parentNode);
766.         }
767.         if(this.options.css) {
768.             for(itm in this.options.css) {
769.                 if(elm.getStyle(itm,this.ne.selectedInstance.instanceDoc) == this.options.css[itm]) {
770.                     this.activate();
771.                     return true;
772.                 }
773.             }
774.         }
775.         this.deactivate();
776.         return false;
777.     },
778.     
779.     activate : function() {
780.         if(!this.isDisabled) {
781.             this.isActive = true;
782.             this.updateState(); 
783.             this.ne.fireEvent('buttonActivate',this);
784.         }
785.     },
786.     
787.     deactivate : function() {
788.         this.isActive = false;
789.         this.updateState(); 
790.         if(!this.isDisabled) {
791.             this.ne.fireEvent('buttonDeactivate',this);
792.         }
793.     },
794.     
795.     enable : function(ins,t) {
796.         this.isDisabled = false;
797.         this.contain.setStyle({'opacity' : 1}).addClass('buttonEnabled');
798.         this.updateState();
799.         this.checkNodes(t);
800.     },
801.     
802.     disable : function(ins,t) {     
803.         this.isDisabled = true;
804.         this.contain.setStyle({'opacity' : 0.6}).removeClass('buttonEnabled');
805.         this.updateState(); 
806.     },
807.     
808.     toggleActive : function() {
809.         (this.isActive) ? this.deactivate() : this.activate();  
810.     },
811.     
812.     hoverOn : function() {
813.         if(!this.isDisabled) {
814.             this.isHover = true;
815.             this.updateState();
816.             this.ne.fireEvent("buttonOver",this);
817.         }
818.     }, 
819.     
820.     hoverOff : function() {
821.         this.isHover = false;
822.         this.updateState();
823.         this.ne.fireEvent("buttonOut",this);
824.     },
825.     
826.     mouseClick : function() {
827.         if(this.options.command) {
828.             this.ne.nicCommand(this.options.command,this.options.commandArgs);
829.             if(!this.options.noActive) {
830.                 this.toggleActive();
831.             }
832.         }
833.         this.ne.fireEvent("buttonClick",this);
834.     },
835.     
836.     key : function(nicInstance,e) {
837.         if(this.options.key && e.ctrlKey && String.fromCharCode(e.keyCode || e.charCode).toLowerCase() == this.options.key) {
838.             this.mouseClick();
839.             if(e.preventDefault) e.preventDefault();
840.         }
841.     }
842.     
843. });
845.  
846. var nicPlugin = bkClass.extend({
847.     
848.     construct : function(nicEditor,options) {
849.         this.options = options;
850.         this.ne = nicEditor;
851.         this.ne.addEvent('panel',this.loadPanel.closure(this));
852.         
853.         this.init();
854.     },
856.     loadPanel : function(np) {
857.         var buttons = this.options.buttons;
858.         for(var button in buttons) {
859.             np.addButton(button,this.options);
860.         }
861.         np.reorder();
862.     },
864.     init : function() {  }
865. });
869.  
870.  /* START CONFIG */
871. var nicPaneOptions = { };
872. /* END CONFIG */
874. var nicEditorPane = bkClass.extend({
875.     construct : function(elm,nicEditor,options,openButton) {
876.         this.ne = nicEditor;
877.         this.elm = elm;
878.         this.pos = elm.pos();
879.         
880.         this.contain = new bkElement('div').setStyle({zIndex : '99999', overflow : 'hidden', position : 'absolute', left : this.pos[0]+'px', top : this.pos[1]+'px'})
881.         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);
882.         
883.         if(openButton && !openButton.options.noClose) {
884.             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);
885.         }
886.         
887.         this.contain.noSelect().appendTo(document.body);
888.         
889.         this.position();
890.         this.init();    
891.     },
892.     
893.     init : function() { },
894.     
895.     position : function() {
896.         if(this.ne.nicPanel) {
897.             var panelElm = this.ne.nicPanel.elm;    
898.             var panelPos = panelElm.pos();
899.             var newLeft = panelPos[0]+parseInt(panelElm.getStyle('width'))-(parseInt(this.pane.getStyle('width'))+8);
900.             if(newLeft < this.pos[0]) {
901.                 this.contain.setStyle({left : newLeft+'px'});
902.             }
903.         }
904.     },
905.     
906.     toggle : function() {
907.         this.isVisible = !this.isVisible;
908.         this.contain.setStyle({display : ((this.isVisible) ? 'block' : 'none')});
909.     },
910.     
911.     remove : function() {
912.         if(this.contain) {
913.             this.contain.remove();
914.             this.contain = null;
915.         }
916.     },
917.     
918.     append : function(c) {
919.         c.appendTo(this.pane);
920.     },
921.     
922.     setContent : function(c) {
923.         this.pane.setContent(c);
924.     }
925.     
926. });
929.  
930. var nicEditorAdvancedButton = nicEditorButton.extend({
931.     
932.     init : function() {
933.         this.ne.addEvent('selected',this.removePane.closure(this)).addEvent('blur',this.removePane.closure(this));  
934.     },
935.     
936.     mouseClick : function() {
937.         if(!this.isDisabled) {
938.             if(this.pane && this.pane.pane) {
939.                 this.removePane();
940.             } else {
941.                 this.pane = new nicEditorPane(this.contain,this.ne,{width : (this.width || '270px'), backgroundColor : '#fff'},this);
942.                 this.addPane();
943.                 this.ne.selectedInstance.saveRng();
944.             }
945.         }
946.     },
947.     
948.     addForm : function(f,elm) {
949.         this.form = new bkElement('form').addEvent('submit',this.submit.closureListener(this));
950.         this.pane.append(this.form);
951.         this.inputs = {};
952.         
953.         for(itm in f) {
954.             var field = f[itm];
955.             var val = '';
956.             if(elm) {
957.                 val = elm.getAttribute(itm);
958.             }
959.             if(!val) {
960.                 val = field['value'] || '';
961.             }
962.             var type = f[itm].type;
963.             
964.             if(type == 'title') {
965.                     new bkElement('div').setContent(field.txt).setStyle({fontSize : '14px', fontWeight: 'bold', padding : '0px', margin : '2px 0'}).appendTo(this.form);
966.             } else {
967.                 var contain = new bkElement('div').setStyle({overflow : 'hidden', clear : 'both'}).appendTo(this.form);
968.                 if(field.txt) {
969.                     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);
970.                 }
971.                 
972.                 switch(type) {
973.                     case 'text':
974.                         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);
975.                         break;
976.                     case 'select':
977.                         this.inputs[itm] = new bkElement('select').setAttributes({id : itm}).setStyle({border : '1px solid #ccc', 'float' : 'left', margin : '2px 0'}).appendTo(contain);
978.                         for(opt in field.options) {
979.                             var o = new bkElement('option').setAttributes({value : opt, selected : (opt == val) ? 'selected' : ''}).setContent(field.options[opt]).appendTo(this.inputs[itm]);
980.                         }
981.                         break;
982.                     case 'content':
983.                         this.inputs[itm] = new bkElement('textarea').setAttributes({id : itm}).setStyle({border : '1px solid #ccc', 'float' : 'left'}).setStyle(field.style).appendTo(contain);
984.                         this.inputs[itm].value = val;
985.                 }   
986.             }
987.         }
988.         new bkElement('input').setAttributes({'type' : 'submit'}).setStyle({backgroundColor : '#efefef',border : '1px solid #ccc', margin : '3px 0', 'float' : 'left', 'clear' : 'both'}).appendTo(this.form);
989.         this.form.onsubmit = bkLib.cancelEvent; 
990.     },
991.     
992.     submit : function() { },
993.     
994.     findElm : function(tag,attr,val) {
995.         var list = this.ne.selectedInstance.getElm().getElementsByTagName(tag);
996.         for(var i=0;i<list.length;i++) {
997.             if(list[i].getAttribute(attr) == val) {
998.                 return $BK(list[i]);
999.             }
1000.         }
1001.     },
1002.     
1003.     removePane : function() {
1004.         if(this.pane) {
1005.             this.pane.remove();
1006.             this.pane = null;
1007.             this.ne.selectedInstance.restoreRng();
1008.         }   
1009.     }   
1010. });
1013. var nicButtonTips = bkClass.extend({
1014.     construct : function(nicEditor) {
1015.         this.ne = nicEditor;
1016.         nicEditor.addEvent('buttonOver',this.show.closure(this)).addEvent('buttonOut',this.hide.closure(this));
1018.     },
1019.     
1020.     show : function(button) {
1021.         this.timer = setTimeout(this.create.closure(this,button),400);
1022.     },
1023.     
1024.     create : function(button) {
1025.         this.timer = null;
1026.         if(!this.pane) {
1027.             this.pane = new nicEditorPane(button.button,this.ne,{fontSize : '12px', marginTop : '5px'});
1028.             this.pane.setContent(button.options.name);
1029.         }       
1030.     },
1031.     
1032.     hide : function(button) {
1033.         if(this.timer) {
1034.             clearTimeout(this.timer);
1035.         }
1036.         if(this.pane) {
1037.             this.pane = this.pane.remove();
1038.         }
1039.     }
1040. });
1041. nicEditors.registerPlugin(nicButtonTips);
1044.  
1045.  /* START CONFIG */
1046. var nicSelectOptions = {
1047.     buttons : {
1048.         'fontSize' : {name : __('Select Font Size'), type : 'nicEditorFontSizeSelect', command : 'fontsize'},
1049.         'fontFamily' : {name : __('Select Font Family'), type : 'nicEditorFontFamilySelect', command : 'fontname'},
1050.         'fontFormat' : {name : __('Select Font Format'), type : 'nicEditorFontFormatSelect', command : 'formatBlock'}
1051.     }
1052. };
1053. /* END CONFIG */
1054. var nicEditorSelect = bkClass.extend({
1055.     
1056.     construct : function(e,buttonName,options,nicEditor) {
1057.         this.options = options.buttons[buttonName];
1058.         this.elm = e;
1059.         this.ne = nicEditor;
1060.         this.name = buttonName;
1061.         this.selOptions = new Array();
1062.         
1063.         this.margin = new bkElement('div').setStyle({'float' : 'left', margin : '2px 1px 0 1px'}).appendTo(this.elm);
1064.         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);
1065.         this.items = new bkElement('div').setStyle({overflow : 'hidden', zoom : 1, border: '1px solid #ccc', paddingLeft : '3px', backgroundColor : '#fff'}).appendTo(this.contain);
1066.         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);
1067.         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);
1068.         
1069.         if(!window.opera) {
1070.             this.contain.onmousedown = this.control.onmousedown = this.txt.onmousedown = bkLib.cancelEvent;
1071.         }
1072.         
1073.         this.margin.noSelect();
1074.         
1075.         this.ne.addEvent('selected', this.enable.closure(this)).addEvent('blur', this.disable.closure(this));
1076.         
1077.         this.disable();
1078.         this.init();
1079.     },
1080.     
1081.     disable : function() {
1082.         this.isDisabled = true;
1083.         this.close();
1084.         this.contain.setStyle({opacity : 0.6});
1085.     },
1086.     
1087.     enable : function(t) {
1088.         this.isDisabled = false;
1089.         this.close();
1090.         this.contain.setStyle({opacity : 1});
1091.     },
1092.     
1093.     setDisplay : function(txt) {
1094.         this.txt.setContent(txt);
1095.     },
1096.     
1097.     toggle : function() {
1098.         if(!this.isDisabled) {
1099.             (this.pane) ? this.close() : this.open();
1100.         }
1101.     },
1102.     
1103.     open : function() {
1104.         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'});
1105.         
1106.         for(var i=0;i<this.selOptions.length;i++) {
1107.             var opt = this.selOptions[i];
1108.             var itmContain = new bkElement('div').setStyle({overflow : 'hidden', borderBottom : '1px solid #ccc', width: '88px', textAlign : 'left', overflow : 'hidden', cursor : 'pointer'});
1109.             var itm = new bkElement('div').setStyle({padding : '0px 4px'}).setContent(opt[1]).appendTo(itmContain).noSelect();
1110.             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]);
1111.             this.pane.append(itmContain);
1112.             if(!window.opera) {
1113.                 itm.onmousedown = bkLib.cancelEvent;
1114.             }
1115.         }
1116.     },
1117.     
1118.     close : function() {
1119.         if(this.pane) {
1120.             this.pane = this.pane.remove();
1121.         }   
1122.     },
1123.     
1124.     over : function(opt) {
1125.         opt.setStyle({backgroundColor : '#ccc'});           
1126.     },
1127.     
1128.     out : function(opt) {
1129.         opt.setStyle({backgroundColor : '#fff'});
1130.     },
1131.     
1132.     
1133.     add : function(k,v) {
1134.         this.selOptions.push(new Array(k,v));   
1135.     },
1136.     
1137.     update : function(elm) {
1138.         this.ne.nicCommand(this.options.command,elm);
1139.         this.close();   
1140.     }
1141. });
1143. var nicEditorFontSizeSelect = nicEditorSelect.extend({
1144.     sel : {1 : '1 (8pt)', 2 : '2 (10pt)', 3 : '3 (12pt)', 4 : '4 (14pt)', 5 : '5 (18pt)', 6 : '6 (24pt)'},
1145.     init : function() {
1146.         this.setDisplay('Font Size...');
1147.         for(itm in this.sel) {
1148.             this.add(itm,'<font size="'+itm+'">'+this.sel[itm]+'</font>');
1149.         }       
1150.     }
1151. });
1153. var nicEditorFontFamilySelect = nicEditorSelect.extend({
1154.     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'},
1155.     
1156.     init : function() {
1157.         this.setDisplay('Font Family...');
1158.         for(itm in this.sel) {
1159.             this.add(itm,'<font face="'+itm+'">'+this.sel[itm]+'</font>');
1160.         }
1161.     }
1162. });
1164. var nicEditorFontFormatSelect = nicEditorSelect.extend({
1165.         sel : {'p' : 'Paragraph', 'pre' : 'Pre', 'h6' : 'Heading 6', 'h5' : 'Heading 5', 'h4' : 'Heading 4', 'h3' : 'Heading 3', 'h2' : 'Heading 2', 'h1' : 'Heading 1'},
1166.         
1167.     init : function() {
1168.         this.setDisplay('Font Format...');
1169.         for(itm in this.sel) {
1170.             var tag = itm.toUpperCase();
1171.             this.add('<'+tag+'>','<'+itm+' style="padding: 0px; margin: 0px;">'+this.sel[itm]+'</'+tag+'>');
1172.         }
1173.     }
1174. });
1176. nicEditors.registerPlugin(nicPlugin,nicSelectOptions);
1180. /* START CONFIG */
1181. var nicLinkOptions = {
1182.     buttons : {
1183.         'link' : {name : 'Add Link', type : 'nicLinkButton', tags : ['A']},
1184.         'unlink' : {name : 'Remove Link',  command : 'unlink', noActive : true}
1185.     }
1186. };
1187. /* END CONFIG */
1189. var nicLinkButton = nicEditorAdvancedButton.extend({    
1190.     addPane : function() {
1191.         this.ln = this.ne.selectedInstance.selElm().parentTag('A');
1192.         this.addForm({
1193.             '' : {type : 'title', txt : 'Add/Edit Link'},
1194.             'href' : {type : 'text', txt : 'URL', value : 'http://', style : {width: '150px'}},
1195.             'title' : {type : 'text', txt : 'Title'},
1196.             'target' : {type : 'select', txt : 'Open In', options : {'' : 'Current Window', '_blank' : 'New Window'},style : {width : '100px'}}
1197.         },this.ln);
1198.     },
1199.     
1200.     submit : function(e) {
1201.         var url = this.inputs['href'].value;
1202.         if(url == "http://" || url == "") {
1203.             alert("You must enter a URL to Create a Link");
1204.             return false;
1205.         }
1206.         this.removePane();
1207.         
1208.         if(!this.ln) {
1209.             var tmp = 'javascript:nicTemp();';
1210.             this.ne.nicCommand("createlink",tmp);
1211.             this.ln = this.findElm('A','href',tmp);
1212.         }
1213.         if(this.ln) {
1214.             this.ln.setAttributes({
1215.                 href : this.inputs['href'].value,
1216.                 title : this.inputs['title'].value,
1217.                 target : this.inputs['target'].options[this.inputs['target'].selectedIndex].value
1218.             });
1219.         }
1220.     }
1221. });
1223. nicEditors.registerPlugin(nicPlugin,nicLinkOptions);
1227. /* START CONFIG */
1228. var nicImageOptions = {
1229.     buttons : {
1230.         'image' : {name : 'Add Image', type : 'nicImageButton', tags : ['IMG']}
1231.     }
1232.     
1233. };
1234. /* END CONFIG */
1236. var nicImageButton = nicEditorAdvancedButton.extend({   
1237.     addPane : function() {
1238.         this.im = this.ne.selectedInstance.selElm().parentTag('IMG');
1239.         this.addForm({
1240.             '' : {type : 'title', txt : 'Add/Edit Image'},
1241.             'src' : {type : 'text', txt : 'URL', 'value' : 'http://', style : {width: '150px'}},
1242.             'alt' : {type : 'text', txt : 'Alt Text', style : {width: '100px'}},
1243.             'align' : {type : 'select', txt : 'Align', options : {none : 'Default','left' : 'Left', 'right' : 'Right'}}
1244.         },this.im);
1245.     },
1246.     
1247.     submit : function(e) {
1248.         var src = this.inputs['src'].value;
1249.         if(src == "" || src == "http://") {
1250.             alert("You must enter a Image URL to insert");
1251.             return false;
1252.         }
1253.         this.removePane();
1255.         if(!this.im) {
1256.             var tmp = 'javascript:nicImTemp();';
1257.             this.ne.nicCommand("insertImage",tmp);
1258.             this.im = this.findElm('IMG','src',tmp);
1259.         }
1260.         if(this.im) {
1261.             this.im.setAttributes({
1262.                 src : this.inputs['src'].value,
1263.                 alt : this.inputs['alt'].value,
1264.                 align : this.inputs['align'].value
1265.             });
1266.         }
1267.     }
1268. });
1270. nicEditors.registerPlugin(nicPlugin,nicImageOptions);
1275. /* START CONFIG */
1276. var nicSaveOptions = {
1277.     buttons : {
1278.         'save' : {name : __('Save this content'), type : 'nicEditorSaveButton'}
1279.     }
1280. };
1281. /* END CONFIG */
1283. var nicEditorSaveButton = nicEditorButton.extend({
1284.     init : function() {
1285.         if(!this.ne.options.onSave) {
1286.             this.margin.setStyle({'display' : 'none'});
1287.         }
1288.     },
1289.     mouseClick : function() {
1290.         var onSave = this.ne.options.onSave;
1291.         var selectedInstance = this.ne.selectedInstance;
1292.         onSave(selectedInstance.getContent(), selectedInstance.elm.id, selectedInstance);
1293.     }
1294. });
1296. nicEditors.registerPlugin(nicPlugin,nicSaveOptions);
1300. /* START CONFIG */
1301. var nicUploadOptions = {
1302.     buttons : {
1303.         'upload' : {name : 'Upload Image', type : 'nicUploadButton'}
1304.     }
1305.     
1306. };
1307. /* END CONFIG */
1309. var nicUploadButton = nicEditorAdvancedButton.extend({  
1310.     serverURI : 'http://files.nicedit.com/',
1312.     addPane : function() {
1313.         this.im = this.ne.selectedInstance.selElm().parentTag('IMG');
1314.         this.myID = Math.round(Math.random()*Math.pow(10,15));
1315.         this.requestInterval = 1000;
1317.         this.myFrame = new bkElement('iframe').setAttributes({ width : '100%', height : '100px', frameBorder : 0, scrolling : 'no' }).setStyle({border : 0}).appendTo(this.pane.pane);
1318.         this.progressWrapper = new bkElement('div').setStyle({display: 'none', width: '100%', height: '20px', border : '1px solid #ccc'}).appendTo(this.pane.pane);
1319.         this.progress = new bkElement('div').setStyle({width: '0%', height: '20px', backgroundColor : '#ccc'}).setContent(' ').appendTo(this.progressWrapper);
1321.         setTimeout(this.addForm.closure(this),50);
1322.     },
1324.     addForm : function() {
1325.         var myDoc = this.myDoc = this.myFrame.contentWindow.document;
1326.         myDoc.open();
1327.         myDoc.write("<html><body>");
1328.         myDoc.write('<form method="post" action="'+this.serverURI+'?id='+this.myID+'" enctype="multipart/form-data">');
1329.         myDoc.write('<input type="hidden" name="APC_UPLOAD_PROGRESS" value="'+this.myID+'" />');
1330.         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>');
1331.         myDoc.write('<div style="font-size: 14px; font-weight: bold; padding-top: 5px;">Insert an Image</div>');
1332.         myDoc.write('<input name="nicImage" type="file" style="margin-top: 10px;" />');
1333.         myDoc.write('</form>');
1334.         myDoc.write("</body></html>");
1335.         myDoc.close();
1337.         this.myBody = myDoc.body;
1339.         this.myForm = $BK(this.myBody.getElementsByTagName('form')[0]);
1340.         this.myInput = $BK(this.myBody.getElementsByTagName('input')[1]).addEvent('change', this.startUpload.closure(this));
1341.         this.myStatus = new bkElement('div',this.myDoc).setStyle({textAlign : 'center', fontSize : '14px'}).appendTo(this.myBody);
1342.   },
1344.     startUpload : function() {
1345.         this.myForm.setStyle({display : 'none'});
1346.         this.myStatus.setContent('<img src="http://files.nicedit.com/ajax-loader.gif" style="float: right; margin-right: 40px;" /><strong>Uploading...</strong><br />Please wait');
1347.         this.setProgress(10);
1348.         this.myForm.submit();
1349.         setTimeout(this.makeRequest.closure(this),this.requestInterval);
1350.     },
1352.     makeRequest : function() {
1353.         if(this.pane && this.pane.pane) {
1354.             nicUploadButton.lastPlugin = this;
1355.             var s = new bkElement('script').setAttributes({ type : 'text/javascript', src : this.serverURI+'?check='+this.myID+'&rand='+Math.round(Math.random()*Math.pow(10,15))}).addEvent('load', function() {
1356.                 s.parentNode.removeChild(s);
1357.             }).appendTo(document.getElementsByTagName('head')[0]);
1358.             if(this.requestInterval) {
1359.                 setTimeout(this.makeRequest.closure(this), this.requestInterval);
1360.             }
1361.         }
1362.     },
1364.     setProgress : function(percent) {
1365.         this.progressWrapper.setStyle({display: 'block'});
1366.         this.progress.setStyle({width : percent+'%'});
1367.     },
1369.     update : function(o) {
1370.         if(!this.requestInterval) return;
1372.         if(o == false) {
1373.             this.progressWrapper.setStyle({display : 'none'});
1374.         } else if(o.url) {
1375.             this.setProgress(100);
1376.             this.requestInterval = false;
1378.             if(!this.im) {
1379.                 this.ne.selectedInstance.restoreRng();
1380.                 var tmp = 'javascript:nicImTemp();';
1381.                 this.ne.nicCommand("insertImage",tmp);
1382.                 this.im = this.findElm('IMG','src',tmp);
1383.             }
1384.             var w = parseInt(this.ne.selectedInstance.elm.getStyle('width'));
1385.             if(this.im) {
1386.                 this.im.setAttributes({
1387.                     src : o.url,
1388.                     width : (w && o.width) ? Math.min(w,o.width) : ''
1389.                 });
1390.             }
1392.             this.removePane();
1393.         } else if(o.error) {
1394.             this.requestInterval = false;
1395.             this.setProgress(100);
1396.             alert("There was an error uploading your image ("+o.error+").");
1397.             this.removePane();
1398.         } else {
1399.             this.setProgress( Math.round( (o.current/o.total) * 75) );
1400.             if(o.interval) {
1401.                 this.requestInterval = o.interval;
1402.             }
1403.         }
1404.     }
1406. });
1408. nicUploadButton.statusCb = function(o) {
1409.     nicUploadButton.lastPlugin.update(o);
1410. }
1412. nicEditors.registerPlugin(nicPlugin,nicUploadOptions);
1414. /* START CONFIG */
1415. var smileOptions = {
1416.     buttons : {
1417.         'smile' : {name : 'Add Smile', type : 'nicEditorSmileButton', noClose : true,tags : ['Sm']}
1418.     }
1419. };
1420. /* END CONFIG */
1422. var nicEditorSmileButton = nicEditorAdvancedButton.extend({ 
1423.     addPane : function() {
1424.             var smileList = [1,2,3,4,5,6,7,8,9];
1425.             var smileItems = new bkElement('DIV').setStyle({width: '270px'});                   
1426.             for(var g in smileList) {
1427.                 var smileSrc = '../smile/'+smileList[g]+'.gif';
1428.                 var smileImg = '<img src='+smileSrc+' />';
1429.                 var smileSquare = new bkElement('DIV').setStyle({'cursor' : 'pointer', 'height' : '17px', 'width' : '17px', 'float' : 'left'}).appendTo(smileItems);
1430.                 var smileBorder = new bkElement('DIV').appendTo(smileSquare);
1431.                 var smileInner = new bkElement('DIV').setStyle({overflow : 'hidden', width : '17px', height : '17px'}).addEvent('click',this.smileSelect.closure(this,smileSrc)).addEvent('mouseover',this.on.closure(this,smileBorder)).addEvent('mouseout',this.off.closure(this,smileBorder)).appendTo(smileBorder);
1432.                 smileInner.innerHTML = smileImg;
1433.                 if(!window.opera) {
1434.                     smileSquare.onmousedown = smileInner.onmousedown = bkLib.cancelEvent;
1435.                 }
1436.             }   
1437.             this.pane.append(smileItems.noSelect());    
1438.     },
1439.     
1440.     smileSelect : function(smileSrc) {
1441.         this.ne.nicCommand('insertImage',smileSrc);
1442.         this.removePane();
1443.     },
1444.     
1445.     on : function(smileBorder) {
1446.         smileBorder.setStyle({border : '1px solid #000'});
1447.     },
1448.     
1449.     off : function(smileBorder) {
1450.         smileBorder.setStyle({border : 'none'});        
1451.     }
1452. });
1453. nicEditors.registerPlugin(nicPlugin,smileOptions);