/* * Copyright 2005 Tridium, Inc. All Rights Reserved. */ /** * RichTextEditor javascript support. * * @author Andy Frank * @creation 20 Sep 05 * @version $Revision$ $Date$ * @since Baja 1.0 */ var rte = new RichTextEditor(); function RichTextEditor() { //////////////////////////////////////////////////////////////// // Attributes //////////////////////////////////////////////////////////////// var contentId = null; var editorId = null; var win = null; var doc = null; var initialContent = ""; //////////////////////////////////////////////////////////////// // Lifecycle //////////////////////////////////////////////////////////////// /** * Set the content the RTE will initally contain. This * must be called before init() is called. */ this.setInitialContent = function(_initialContent) { initialContent = _initialContent; } /** * Initialize the RTE. */ this.init = function(_contentId, _editorId) { // Cache values contentId = _contentId; editorId = _editorId; var iframe = document.getElementById(editorId); win = iframe.contentWindow; doc = iframe.contentWindow.document; // Register our keyboard event handler if (hx.ie) doc.attachEvent("onkeypress", this.handleKeyPress); else doc.addEventListener("keypress", this.handleKeyPress, true); // Turn on editing mode doc.designMode = "on"; // Set our initial content for editor if (hx.ie) { var html = ""; html += ""; html += ""; html += initialContent html += ""; html += ""; doc.write(html); } else { doc.rte = rte; doc.body.style.font = "10pt Verdana"; doc.body.innerHTML = initialContent; try { // IE can only use HTML to style text, so make // Mozilla do the same for consistency. doc.execCommand("useCSS", false, true); // old moz call doc.execCommand("styleWithCSS", false, false); // new moz call } catch (e) {} // ignore } } /** * Save contents of editor into a hidden form field. */ this.save = function() { var content = new HtmlToXml().toXml(doc.body, false); hx.setFormValue(contentId, content); } //////////////////////////////////////////////////////////////// // Methods //////////////////////////////////////////////////////////////// /** * Invoke the given command. */ this.invoke = function(name, params) { win.focus(); doc.execCommand(name, false, params); win.focus(); } /** * Wrap the currently selected text with a hyperlink. */ this.createHyperlink = function() { // Check that we have something selected first var sel = ""; if (hx.ie) { var range = doc.selection.createRange(); sel = range.text; } else { sel = win.getSelection().toString(); } if (StringUtil.trim(sel).length == 0) { alert("First select the text you want to make into a link."); return; } // Prompt user for URL var url = prompt("Enter a URL:", "http://"); if (url == null) return; // Create link this.invoke("createlink", url); } //////////////////////////////////////////////////////////////// // Events //////////////////////////////////////////////////////////////// /** * Handle keyboard events. */ this.handleKeyPress = function(event) { // Command to invoke, or null if none var cmd = null; // Look for a command with this key combo if (event.ctrlKey) { var key = String.fromCharCode(event.charCode).toLowerCase(); switch (key) { case 'b': cmd = "bold"; break; case 'i': cmd = "italic"; break; case 'u': cmd = "underline"; break; } } // Check if we have a command to invoke if (cmd != null) { rte.invoke(cmd, null); // Stop the event bubble event.preventDefault(); event.stopPropagation(); } } //////////////////////////////////////////////////////////////// // Spell Checking //////////////////////////////////////////////////////////////// /** * Check the spelling for the current editor contents.. */ this.checkSpelling = function() { // Save the plain content for spell checking var plain = rte.getPlainText(doc.body); hx.setFormValue(contentId + ".plain", plain); } /** * Get the text content of the RTE, removing all HTML markup. */ this.getPlainText = function(node) { var text = ""; if (node.nodeType == 3) // TEXT_NODE { text = node.nodeValue; text = text.replace(/\u00A0/g, " "); // TODO - do we need to do anything else here? Is this // going to mess up our offsets? } if (node.childNodes) for (var i=0; i= index && e.pos < index + origLen) { var start = e.pos - index; var replace = text.substring(currOff, start); currOff += replace.length + e.word.length; replace += ""; replace += e.word; replace += ""; newText += replace; error++; e = errors[error]; } // If we modified node, replace it with new markup if (newText.length > 0) { // Append any remaing text if (currOff < origLen) newText += text.substring(currOff); var newChild = doc.createElement("span"); newChild.innerHTML = newText; node.parentNode.replaceChild(newChild, node); } index += origLen; } // Walk children if (node.childNodes) for (var i=0; i