// +----------------------------------------------------------------+ // | SimpleTextEditor 1.0 | // | Author: Cezary Tomczak [www.gosu.pl] | // | Free for any use as long as all copyright messages are intact. | // +----------------------------------------------------------------+ function SimpleTextEditor(id, objectId, path, cssStranky) { if (!id || !objectId) { alert("SimpleTextEditor.constructor(id, objectId) failed, two arguments are required"); } var self = this; this.id = id; this.objectId = objectId; this.frame; this.viewSource = false; this.cssStranky = cssStranky; this.path = path; // with slash at the end this.cssFile = ""; this.charset = "utf-8"; this.editorHtml = ""; this.frameHtml = ""; this.textareaValue = ""; this.browser = { "ie": Boolean(document.body.currentStyle), "gecko" : (navigator.userAgent.toLowerCase().indexOf("gecko") != -1) }; this.init = function() { if (document.getElementById && document.createElement && document.designMode && (this.browser.ie || this.browser.gecko)) { // EDITOR if (!document.getElementById(this.id)) { alert("SimpleTextEditor "+this.objectId+".init() failed, element '"+this.id+"' does not exist"); return; } this.textareaValue = document.getElementById(this.id).value; var ste = document.createElement("div"); document.getElementById(this.id).parentNode.replaceChild(ste, document.getElementById(this.id)); ste.id = this.id+"-ste"; ste.innerHTML = this.editorHtml ? this.editorHtml : this.getEditorHtml(); // BUTTONS var buttons = ste.getElementsByTagName("td"); for (var i = 0; i < buttons.length; ++i) { if (buttons[i].className == "button") { buttons[i].id = this.id+'-button-'+i; buttons[i].onmouseover = function() { this.className = "button-hover"; } buttons[i].onmouseout = function() { this.className = this.className.replace(/button-hover(\s)?/, "button"); } buttons[i].onclick = function(id) { return function() { this.className = "button-hover button-click"; setTimeout(function(){ document.getElementById(id).className = document.getElementById(id).className.replace(/(\s)?button-click/, ""); }, 100); } }(buttons[i].id); } } // FRAME if (this.browser.ie) { this.frame = frames[this.id+"-frame"]; } else if (this.browser.gecko) { this.frame = document.getElementById(this.id+"-frame").contentWindow; } this.frame.document.designMode = "on"; this.frame.document.open(); this.frame.document.write(this.frameHtml ? this.frameHtml : this.getFrameHtml()); this.frame.document.close(); insertHtmlFromTextarea(); this.cistenie(); } }; this.cistenie = function() { this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/class="Apple-style-span"/gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/padding-top: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/padding-right: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/padding-bottom: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/padding-left: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/margin-top: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/margin-right: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/margin-bottom: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/margin-left: 0px; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-top-style: none; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-right-style: none; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-bottom-style: none; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-left-style: none; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-color: initial; /gi,''); this.frame.document.body.innerHTML = this.frame.document.body.innerHTML.replace(/border-width: initial; /gi,''); } function lockUrls(s) { if (self.browser.gecko) { return s; } return s.replace(/href=["']([^"']*)["']/g, 'href="simpletexteditor://simpletexteditor/$1"'); } function unlockUrls(s) { if (self.browser.gecko) { return s; } return s.replace(/href=["']simpletexteditor:\/\/simpletexteditor\/([^"']*)["']/g, 'href="$1"'); } function insertHtmlFromTextarea() { try { self.frame.document.body.innerHTML = lockUrls(self.textareaValue); } catch (e) { setTimeout(insertHtmlFromTextarea, 10); } } this.getEditorHtml = function() { var html = ""; html += ''; html += ''; html += ''; html += ''; html += ''; html += '
'; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += '
Zvoľ farbu
TučnéŠikméPodčiarknuté
Zarovnaj vľavoCentrujZarovnaj vpravo
'; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += ''; html += '
Číslovaný zoznamNečíslovaný zoznam
Naspäť blokOdsadiť blok
Vlož odkazVlož obrázok
Pomoc
Uprav HTML
'; return html; }; this.getFrameHtml = function() { var html = ""; html += ''; html += ''; html += ''; html += 'SimpleTextEditor frame'; html += ''; if (this.cssFile) { html += ''; } html += ''; html += ''; html += ''; return html; }; this.openWindow = function(url, width, height) { var x = (screen.width/2-width/2); var y = (screen.height/2-height/2); window.open(url, "", "scrollbars=yes,width="+width+",height="+height+",screenX="+(x)+",screenY="+y+",left="+x+",top="+y); }; this.toggleSource = function() { var html, text; this.cistenie(); if (this.browser.ie) { if (!this.viewSource) { html = this.frame.document.body.innerHTML; this.frame.document.body.innerText = unlockUrls(html); document.getElementById(this.id+"-buttons").style.visibility = "hidden"; this.viewSource = true; } else { text = this.frame.document.body.innerText; this.frame.document.body.innerHTML = lockUrls(text); document.getElementById(this.id+"-buttons").style.visibility = "visible"; this.viewSource = false; } } else if (this.browser.gecko) { if (!this.viewSource) { html = document.createTextNode(this.frame.document.body.innerHTML); this.frame.document.body.innerHTML = ""; this.frame.document.body.appendChild(html); document.getElementById(this.id+"-buttons").style.visibility = "hidden"; this.viewSource = true; } else { html = this.frame.document.body.ownerDocument.createRange(); html.selectNodeContents(this.frame.document.body); this.frame.document.body.innerHTML = html.toString(); document.getElementById(this.id+"-buttons").style.visibility = "visible"; this.viewSource = false; } } document.getElementById(this.id+"-viewSource").checked = this.viewSource ? "checked" : ""; document.getElementById(this.id+"-viewSource").blur(); }; this.execCommand = function(cmd, value) { if (cmd == "createlink" && !value) { var url = prompt("Vlož link:", ""); if (url) { this.frame.focus(); this.frame.document.execCommand("unlink", false, null); if (this.browser.ie) this.frame.document.execCommand(cmd, false, "simpletexteditor://simpletexteditor/"+url); else if (this.browser.gecko) this.frame.document.execCommand(cmd, false, url); this.frame.focus(); } } else if (cmd == "ForeColor" && !value) { var kod = prompt("Vlož kód farby alebo jeho anglický názov (#FF6600, blue):", ""); if (kod) { this.frame.focus(); this.frame.document.execCommand(cmd, false, kod); this.frame.focus(); } } else if (cmd == "insertimage" && !value) { var imageUrl = prompt("Vlož adresu obrázka:", ""); if (imageUrl) { this.frame.focus(); this.frame.document.execCommand(cmd, false, imageUrl); this.frame.focus(); } } else { this.frame.focus(); this.frame.document.execCommand(cmd, false, value); this.frame.focus(); } }; this.isOn = function() { return Boolean(this.frame); }; this.getContent = function() { this.cistenie(); try { return unlockUrls(this.frame.document.body.innerHTML); } catch(e) { alert("SimpleTextEditor "+this.objectId+".getContent() failed"); } }; this.submit = function() { this.cistenie(); if (this.isOn()) { if (this.viewSource) { this.toggleSource(); } document.getElementById(this.id).value = this.getContent(); } }; }