function BBCodeEditor (options) { this.body_id = 'tbMsg'; this.initialize = function(options) { this.body_id = options.body_id || this.body_id; this.enableWysiwyg = options.enableWysiwyg !== false; this.enableAutoGrow = options.enableAutoGrow !== false; // List of HTML entities for escaping. this.htmlEscapes = { '<': '<', '>': '>', '"': '"', "'": ''' }; // Regex containing the keys listed immediately above. this.htmlEscaper = /[<>"']/g; this.isIE = /msie|MSIE/.test(navigator.userAgent); this.isTrident = /Trident/.test(navigator.userAgent); this.isFirefox = /Firefox/.test(navigator.userAgent); this.isChrome = /Chrome/.test(navigator.userAgent); this.isSafari = /Safari/.test(navigator.userAgent) && !this.isChrome; this.browser = this.isIE || window.opera; this.editorVisible = false; this.textboxelement = document.getElementById(this.body_id); this.textboxelement.setAttribute('class', 'editorBBCODE'); this.textboxelement.className = "editorBBCODE"; if (this.enableWysiwyg) { this.ifm = document.createElement("iframe"); this.ifm.setAttribute("frameborder", "0"); this.ifm.style.height = this.textboxelement.style.height; this.textboxelement.parentNode.insertBefore(this.ifm, this.textboxelement); this.textboxelement.style.display = 'none'; this.ShowEditor(); } }; this.rep = function(re, str) { this.content = this.content.replace(re, str); }; this.ShowEditor = function() { j$('.BBeditor .editbar').each(function(index, element) { element.style.display = 'block'; }); if (!this.enableWysiwyg) return; this.editorVisible = true; this.content = document.getElementById(this.body_id).value; this.content = this.content.replace(//gi,"\n"); this.content = this.EscapeHTML(this.content); this.myeditor = this.ifm.contentWindow.document; this.bbcode2html(); this.myeditor.designMode = "on"; this.myeditor.open(); this.myeditor.write(''); this.myeditor.write(''); this.myeditor.write(this.content); this.myeditor.write(''); this.myeditor.close(); this.ifm.onload = function() { this.myeditor.body.contentEditable = true; if (this.myeditor.attachEvent) { this.myeditor.attachEvent("onkeypress", function(e) { this.kp(e); }.bind(this)); this.ifm.attachEvent("onblur", function() { this.doCheck(); }.bind(this)); } else if (this.myeditor.addEventListener) { this.myeditor.addEventListener("keypress", function(e) { this.kp(e); }.bind(this), true); this.myeditor.addEventListener("blur", function() { this.doCheck(); }.bind(this), true); document.getElementById(this.body_id).form.addEventListener("submit", function() { this.doCheck(); }.bind(this), true); if (this.enableAutoGrow) { this.myeditor.body.style.position = 'fixed'; this.myeditor.body.style.width = '100%'; this.myeditor.addEventListener("keyup", function(e) { this.autoGrow(e); }.bind(this), true); this.myeditor.addEventListener("focus", function(e) { this.autoGrow(e); }.bind(this), true); this.myeditor.addEventListener("paste", function(e) { setTimeout(this.autoGrow.bind(this), 10); }.bind(this), true); this.myeditor.body.parentNode.addEventListener("focus", function(e) { this.placeCaretAtEnd(e, this.myeditor.body); }.bind(this), true); this.myeditor.body.parentNode.addEventListener("click", function(e) { this.placeCaretAtEnd(e, this.myeditor.body); }.bind(this), true); } } }.bind(this); }; this.SwitchEditor = function() { if (this.editorVisible) { this.doCheck(); this.ifm.style.display = 'none'; this.textboxelement.style.display = ''; this.editorVisible = false; } else { if (this.enableWysiwyg && this.ifm) { this.ifm.style.display = ''; this.textboxelement.style.display = 'none'; this.ShowEditor(); this.editorVisible = true; } } }; this.html2bbcode = function() { this.rep(/]*?src=\"?([^<>]*?)\"?(\s[^<>]*)?\/?>/gi,"[img]$1[/img]"); this.rep(/<\/(strong|b)>/gi, "[/b]"); this.rep(/<(strong|b)(\s[^<>]*)?>/gi,"[b]"); this.rep(/<\/(em|i)>/gi,"[/i]"); this.rep(/<(em|i)(\s[^<>]*)?>/gi,"[i]"); this.rep(/<\/u>/gi, "[/u]"); this.rep(/<\/q><\/blockquote>/gi, "[/quote]"); this.rep(/]*)?>(\s[^<>]*)?]*)?>Citaat van ([^<>]*?)\:<\/cite>/gi, "[quote author=$4]"); this.rep(/]*)?>(\s[^<>]*)?]*)?>/gi, "[quote]"); this.rep(/\n/gi, " "); this.rep(/\r/gi, " "); this.rep(/]*)?>/gi, "[u]"); this.rep(/

]*)?>/gi, "

");//chrome-safari fix to prevent double linefeeds this.rep(/]*)?><\/div>$/gi, "

");//firefox fix to prevent extra linefeed at the end this.rep(/

<\/p>/gi,"\n\n");//ie fix to prevent stripped linefeeds this.rep(/]*)?>/gi,"\n"); this.rep(/]*)?>/gi,""); this.rep(/<\/p>/gi, "\n\n");//ie fix by using double \n to prevent stripped linefeeds this.rep(/

/gi, "[li]"); this.rep(/<\/li>/gi, "[/li]"); this.rep(/<\/div>\s*]*)>/gi, "\n");//chrome-safari fix to prevent double linefeeds if (this.isChrome || this.isSafari) { this.rep(/]*)>/gi,"\n");//only on chrome-safari the *first* line is not enclosed in a
so we need to add a line break before that } this.rep(/<\/div>/gi,"\n"); this.rep(/ /gi," "); this.rep(/"/gi,"\""); this.rep(/&/gi,"&"); //remove style & script tags this.rep(/.*?<\/script>/gi, ""); this.rep(/