Project

General

Profile

Download (103 KB)

Bug #15822 » rtehtmlarea_htmlarea_0915bd0be4db5659ab57c2b44ca50136.js

Administrator Admin, 2006-11-03 18:56

 
/***************************************************************
* Copyright notice
*
* (c) 2002-2004, interactivetools.com, inc.
* (c) 2003-2004 dynarch.com
* (c) 2004, 2005, 2006 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
* All rights reserved
*
* This script is part of the TYPO3 project. The TYPO3 project is
* free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* The GNU General Public License can be found at
* http://www.gnu.org/copyleft/gpl.html.
* A copy is found in the textfile GPL.txt and important notices to the license
* from the author is found in LICENSE.txt distributed with these scripts.
*
*
* This script is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* This script is a modified version of a script published under the htmlArea License.
* A copy of the htmlArea License may be found in the textfile HTMLAREA_LICENSE.txt.
*
* This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/
/*
* Main script of TYPO3 htmlArea RTE
*
* TYPO3 CVS ID: $Id: htmlarea.js,v 1.3 2006/05/05 20:35:04 stanrolland Exp $
*/

/***************************************************
* EDITOR INITIALIZATION AND CONFIGURATION
***************************************************/
/*
* Set some basic paths
*/
if (typeof(_editor_url) == "string") {
// Leave exactly one backslash at the end of _editor_url
_editor_url = _editor_url.replace(/\x2f*$/, '/');
} else {
alert("WARNING: _editor_url is not set!");
var _editor_url = '';
}
if (typeof(_editor_skin) == "string") _editor_skin = _editor_skin.replace(/\x2f*$/, '/');
else var _editor_skin = _editor_url + "skins/default/";
if (typeof(_editor_CSS) != "string") var _editor_CSS = _editor_url + "skins/default/htmlarea.css";
if (typeof(_editor_edited_content_CSS) != "string") var _editor_edited_content_CSS = _editor_skin + "htmlarea-edited-content.css";
if (typeof(_editor_lang) == "string") _editor_lang = _editor_lang ? _editor_lang.toLowerCase() : "en";

/*
* HTMLArea object constructor.
*/
var HTMLArea = function(textarea, config) {
if (HTMLArea.checkSupportedBrowser()) {
if (typeof(config) == "undefined") this.config = new HTMLArea.Config();
else this.config = config;
this._htmlArea = null;
this._textArea = textarea;
this._editMode = "wysiwyg";
this.plugins = {};
this._timerToolbar = null;
this._undoQueue = new Array();
this._undoPos = -1;
this._customUndo = true;
this.doctype = '';
this.eventHandlers = {};
}
};

/*
* Browser identification
*/
HTMLArea.agt = navigator.userAgent.toLowerCase();
HTMLArea.is_opera = (HTMLArea.agt.indexOf("opera") != -1);
HTMLArea.is_ie = (HTMLArea.agt.indexOf("msie") != -1) && !HTMLArea.is_opera;
HTMLArea.is_safari = (HTMLArea.agt.indexOf("webkit") != -1);
HTMLArea.is_gecko = (navigator.product == "Gecko") || HTMLArea.is_opera;
HTMLArea.is_wamcom = (HTMLArea.agt.indexOf("wamcom") != -1) || (HTMLArea.is_gecko && (HTMLArea.agt.indexOf("1.3") != -1));

/*
* A log for troubleshooting
*/
HTMLArea._debugMode = false;
if (typeof(_editor_debug_mode) != "undefined") HTMLArea._debugMode = _editor_debug_mode;

HTMLArea._appendToLog = function(str){
if(HTMLArea._debugMode) {
var log = document.getElementById("HTMLAreaLog");
if(log) {
log.appendChild(document.createTextNode(str));
log.appendChild(document.createElement("br"));
}
}
};

/*
* Using compressed scripts
*/
HTMLArea._compressedScripts = false;
if (typeof(_editor_compressed_scripts) != "undefined") HTMLArea._compressedScripts = _editor_compressed_scripts;

/*
* Localization of core script
*/
HTMLArea.I18N = HTMLArea_langArray;

/*
* Build array of scripts to be loaded
*/
HTMLArea.is_loaded = false;
HTMLArea.onload = function(){
HTMLArea.is_loaded = true;
HTMLArea._appendToLog("All scripts successfully loaded.");
};
HTMLArea.loadTimer;
HTMLArea._scripts = [];
HTMLArea._scriptLoaded = [];
HTMLArea._request = [];
HTMLArea.loadScript = function(url, plugin) {
if (plugin) url = _editor_url + "/plugins/" + plugin + '/' + url;
if (HTMLArea.is_opera) url = _typo3_host_url + url;
if (HTMLArea._compressedScripts && url.indexOf("compressed") == -1) url = url.replace(/\.js$/gi, "-compressed.js");
HTMLArea._scripts.push(url);
};
HTMLArea.loadScript(RTEarea[0]["popupwin"] ? RTEarea[0]["popupwin"] : _editor_url + "popupwin.js");
if(HTMLArea.is_gecko) HTMLArea.loadScript(RTEarea[0]["htmlarea-gecko"] ? RTEarea[0]["htmlarea-gecko"] : _editor_url + "htmlarea-gecko.js");
if(HTMLArea.is_ie) HTMLArea.loadScript(RTEarea[0]["htmlarea-ie"] ? RTEarea[0]["htmlarea-ie"] : _editor_url + "htmlarea-ie.js");

/*
* Get a script using asynchronous XMLHttpRequest
*/
HTMLArea.MSXML_XMLHTTP_PROGIDS = new Array("Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP");
HTMLArea.XMLHTTPResponseHandler = function (i) {
return (function() {
var url = HTMLArea._scripts[i];
if (HTMLArea._request[i].readyState != 4) return;
if (HTMLArea._request[i].status == 200) {
try {
eval(HTMLArea._request[i].responseText);
HTMLArea._scriptLoaded[i] = true;
i = null;
} catch (e) {
HTMLArea._appendToLog("ERROR [HTMLArea::getScript]: Unable to get script " + url + ": " + e);
}
} else {
HTMLArea._appendToLog("ERROR [HTMLArea::getScript]: Unable to get " + url + " . Server reported " + HTMLArea._request[i].status);
}
});
};
HTMLArea._getScript = function (i,asynchronous,url) {
if (typeof(url) == "undefined") var url = HTMLArea._scripts[i];
if (typeof(asynchronous) == "undefined") var asynchronous = true;
if (window.XMLHttpRequest) HTMLArea._request[i] = new XMLHttpRequest();
else if (window.ActiveXObject) {
var success = false;
for (var k = 0; k < HTMLArea.MSXML_XMLHTTP_PROGIDS.length && !success; k++) {
try {
HTMLArea._request[i] = new ActiveXObject(HTMLArea.MSXML_XMLHTTP_PROGIDS[k]);
success = true;
} catch (e) { }
}
if (!success) return false;
}
var request = HTMLArea._request[i];
if (request) {
request.open("GET", url, asynchronous);
if (asynchronous) request.onreadystatechange = HTMLArea.XMLHTTPResponseHandler(i);
if (window.XMLHttpRequest) request.send(null);
else if (window.ActiveXObject) request.send();
if (!asynchronous) {
if (request.status == 200) return request.responseText;
else return '';
}
return true;
} else {
return false;
}
};

/*
* Wait for the loading process to complete
*/
HTMLArea.checkInitialLoad = function() {
var scriptsLoaded = true;
for (var i = HTMLArea._scripts.length; --i >= 0;) {
scriptsLoaded = scriptsLoaded && HTMLArea._scriptLoaded[i];
}
if(HTMLArea.loadTimer) window.clearTimeout(HTMLArea.loadTimer);
if (scriptsLoaded) {
HTMLArea.is_loaded = true;
HTMLArea._appendToLog("[HTMLArea::init]: All scripts successfully loaded.");
HTMLArea._appendToLog("[HTMLArea::init]: Editor url set to: " + _editor_url);
HTMLArea._appendToLog("[HTMLArea::init]: Editor skin CSS set to: " + _editor_CSS);
HTMLArea._appendToLog("[HTMLArea::init]: Editor content skin CSS set to: " + _editor_edited_content_CSS);
if (window.ActiveXObject) {
for (var i = HTMLArea._scripts.length; --i >= 0;) {
HTMLArea._request[i].onreadystatechange = new Function();
HTMLArea._request[i] = null;
}
}
} else {
HTMLArea.loadTimer = window.setTimeout("HTMLArea.checkInitialLoad();", 200);
return false;
}
};

/*
* Get all the scripts
*/
HTMLArea.init = function() {
HTMLArea._eventCache = HTMLArea._eventCacheConstructor();
if (window.XMLHttpRequest || window.ActiveXObject) {
try {
var success = true;
for (var i = HTMLArea._scripts.length; --i >= 0 && success;) success = success && HTMLArea._getScript(i);
} catch (e) {
HTMLArea._appendToLog("ERROR [HTMLArea::init]: Unable to use XMLHttpRequest: "+ e);
}
if (success) {
HTMLArea.checkInitialLoad();
} else {
if (HTMLArea.is_ie) window.setTimeout('if (window.document.getElementById("pleasewait1")) { window.document.getElementById("pleasewait1").innerHTML = HTMLArea.I18N.msg["ActiveX-required"]; } else { alert(HTMLArea.I18N.msg["ActiveX-required"]); };', 200);
}
} else {
if (HTMLArea.is_ie) alert(HTMLArea.I18N.msg["ActiveX-required"]);
}
};

/*
* Compile some regular expressions
*/
HTMLArea.RE_tagName = /(<\/|<)\s*([^ \t\n>]+)/ig;
HTMLArea.RE_doctype = /(<!doctype((.|\n)*?)>)\n?/i;
HTMLArea.RE_head = /<head>((.|\n)*?)<\/head>/i;
HTMLArea.RE_body = /<body>((.|\n)*?)<\/body>/i;
HTMLArea.Reg_body = new RegExp("<\/?(body)[^>]*>", "gi");
HTMLArea.Reg_entities = new RegExp("&amp;([0-9]+);", "gi");
HTMLArea.reservedClassNames = /htmlarea/;
HTMLArea.RE_email = /([0-9a-z]+([a-z0-9_-]*[0-9a-z])*){1}(\.[0-9a-z]+([a-z0-9_-]*[0-9a-z])*)*@([0-9a-z]+([a-z0-9_-]*[0-9a-z])*\.)+[a-z]{2,9}/i;
HTMLArea.RE_url = /(https?:\/\/)?(([a-z0-9_]+:[a-z0-9_]+@)?[a-z0-9_-]{2,}(\.[a-z0-9_-]{2,})+\.[a-z]{2,5}(:[0-9]+)?(\/\S+)*)/i;

/*
* Editor configuration object constructor
*/

HTMLArea.Config = function () {
this.version = "3.0";
this.width = "auto";
this.height = "auto";
// enable creation of a status bar?
this.statusBar = true;
// maximum size of the undo queue
this.undoSteps = 20;
// the time interval at which undo samples are taken: 1/2 sec.
this.undoTimeout = 500;
// whether the toolbar should be included in the size or not.
this.sizeIncludesToolbar = true;
// if true then HTMLArea will retrieve the full HTML, starting with the <HTML> tag.
this.fullPage = false;
// if the site is secure, create a secure iframe
this.useHTTPS = false;
// for Mozilla
this.useCSS = false;
this.enableMozillaExtension = true;
this.disableEnterParagraphs = false;
this.removeTrailingBR = false;
// style included in the iframe document
this.editedContentStyle = _editor_edited_content_CSS;
// content style
this.pageStyle = "";
// set to true if you want Word code to be cleaned upon Paste
this.cleanWordOnPaste = true;
// enable the 'Target' field in the Make Link dialog
this.makeLinkShowsTarget = true;
// remove tags (these have to be a regexp, or null if this functionality is not desired)
this.htmlRemoveTags = null;
// remove tags and any contents (these have to be a regexp, or null if this functionality is not desired)
this.htmlRemoveTagsAndContents = null;
// remove comments
this.htmlRemoveComments = false;
// custom tags (these have to be a regexp, or null if this functionality is not desired)
this.customTags = null;
// BaseURL included in the iframe document
this.baseURL = document.baseURI || document.URL;
if(this.baseURL && this.baseURL.match(/(.*)\/([^\/]+)/)) this.baseURL = RegExp.$1 + "/";
// URL-s
this.imgURL = "images/";
this.popupURL = "popups/";

this.btnList = {
Bold: ["Bold", "ed_format_bold", false, function(editor) {editor.execCommand("Bold");}],
Italic: ["Italic", "ed_format_italic", false, function(editor) {editor.execCommand("Italic");}],
Underline: ["Underline", "ed_format_underline", false, function(editor) {editor.execCommand("Underline");}],
StrikeThrough: ["Strikethrough", "ed_format_strike", false, function(editor) {editor.execCommand("StrikeThrough");}],
Subscript: ["Subscript", "ed_format_sub", false, function(editor) {editor.execCommand("Subscript");}],
Superscript: ["Superscript", "ed_format_sup", false, function(editor) {editor.execCommand("Superscript");}],
JustifyLeft: ["Justify Left", "ed_align_left.gif", false, function(editor) {editor.execCommand("JustifyLeft");}],
JustifyCenter: ["Justify Center", "ed_align_center.gif", false, function(editor) {editor.execCommand("JustifyCenter");}],
JustifyRight: ["Justify Right", "ed_align_right.gif", false, function(editor) {editor.execCommand("JustifyRight");}],
JustifyFull: ["Justify Full", "ed_align_justify.gif", false, function(editor) {editor.execCommand("JustifyFull");}],
InsertOrderedList: ["Ordered List", "ed_list_num.gif", false, function(editor) {editor.execCommand("InsertOrderedList");}],
InsertUnorderedList: ["Bulleted List", "ed_list_bullet", false, function(editor) {editor.execCommand("InsertUnorderedList");}],
Outdent: ["Decrease Indent", "ed_indent_less.gif", false, function(editor) {editor.execCommand("Outdent");}],
Indent: ["Increase Indent", "ed_indent_more.gif", false, function(editor) {editor.execCommand("Indent");}],
ForeColor: ["Font Color", "ed_color_fg.gif",false, function(editor) {editor.execCommand("ForeColor");}],
HiliteColor: ["Background Color", "ed_color_bg.gif",false, function(editor) {editor.execCommand("HiliteColor");}],
InsertHorizontalRule: ["Horizontal Rule", "ed_hr.gif",false, function(editor) {editor.execCommand("InsertHorizontalRule");}],
CreateLink: ["Insert Web Link", "ed_link.gif", false, function(editor) {editor.execCommand("CreateLink", true);}, "a", false, true],
InsertImage: ["Insert/Modify Image", "ed_image.gif", false, function(editor) {editor.execCommand("InsertImage");}],
InsertTable: ["Insert Table", "insert_table.gif", false, function(editor) {editor.execCommand("InsertTable");}],
HtmlMode: ["Toggle HTML Source", "ed_html.gif", true, function(editor) {editor.execCommand("HtmlMode");}],
SelectAll: ["SelectAll", "", true, function(editor) {editor.execCommand("SelectAll");}, null, true, false],
SplitBlock: ["Toggle Container Block", "ed_splitblock.gif", false, function(editor) {editor.execCommand("SplitBlock");}],
About: ["About this editor", "ed_about.gif", true, function(editor) {editor.execCommand("About");}],
Undo: ["Undoes your last action", "ed_undo.gif", false, function(editor) {editor.execCommand("Undo");}],
Redo: ["Redoes your last action", "ed_redo.gif", false, function(editor) {editor.execCommand("Redo");}],
Cut: ["Cut selection", "ed_cut.gif", false, function(editor,command,obj) {editor.execCommand("Cut");}],
Copy: ["Copy selection", "ed_copy.gif", false, function(editor,command,obj) {editor.execCommand("Copy");}],
Paste: ["Paste from clipboard", "ed_paste.gif", false, function(editor,command,obj) {editor.execCommand("Paste");}],
SelectAll: ["SelectAll", "", true, function(editor) {editor.execCommand("SelectAll");}, null, true, false],
LeftToRight: ["Direction left to right", "ed_left_to_right.gif", false, function(editor) {editor.execCommand("LeftToRight");}],
RightToLeft: ["Direction right to left", "ed_right_to_left.gif", false, function(editor) {editor.execCommand("RightToLeft");}]
};
// Default hotkeys
this.hotKeyList = {
a: "SelectAll",
b: "Bold",
i: "Italic",
u: "Underline",
s: "StrikeThrough",
l: "JustifyLeft",
e: "JustifyCenter",
r: "JustifyRight",
j: "JustifyFull",
n: "FormatBlock",
v: "Paste",
0: "CleanWord",
z: "Undo",
y: "Redo"
};

// Initialize tooltips from the I18N module, generate correct image path
for (var i in this.btnList) {
var btn = this.btnList[i];
if (typeof(HTMLArea.I18N.tooltips[i.toLowerCase()]) != "undefined") btn[0] = HTMLArea.I18N.tooltips[i.toLowerCase()];
if (typeof(btn[1]) == "string") btn[1] = _editor_skin + this.imgURL + btn[1];
else btn[1][0] = _editor_skin + this.imgURL + btn[1][0];
}
this.customSelects = {};
};

/*
* Register a new button with the configuration.
* It can be called with all arguments, or with only one (first one). When called with
* only one argument it must be an object with the following properties:
* id, tooltip, image, textMode, action, context. Examples:
*
* 1. config.registerButton("my-hilite", "Hilite text", "my-hilite.gif", false, function(editor) {...}, context);
* 2. config.registerButton({
* id : "my-hilite", // Unique id for the button
* tooltip : "Hilite text", // the tooltip
* image : "my-hilite.gif", // image to be displayed in the toolbar
* textMode : false, // disabled in text mode
* action : function(editor) { // called when the button is clicked
* editor.surroundHTML('<span class="hilite">', '</span>');
* },
* context : "p" // will be disabled if not inside a <p> element
* hide : false // hide in menu and show only in context menu
* selection : false // will be disabled if there is no selection
* });
*/

HTMLArea.Config.prototype.registerButton = function(id,tooltip,image,textMode,action,context,hide,selection) {
var the_id;
switch (typeof(id)) {
case "string": the_id = id; break;
case "object": the_id = id.id; break;
default: HTMLArea._appendToLog("ERROR [HTMLArea.Config::registerButton]: invalid arguments"); return false;
}
if (typeof(this.customSelects[the_id]) != "undefined") HTMLArea._appendToLog("WARNING [HTMLArea.Config::registerButton]: A dropdown with the same ID " + id + " already exists.");
if (typeof(this.btnList[the_id]) != "undefined") HTMLArea._appendToLog("WARNING [HTMLArea.Config::registerButton]: A button with the same ID " + id + " already exists.");
switch (typeof(id)) {
case "string":
if (typeof(hide) == "undefined") var hide = false;
if (typeof(selection) == "undefined") var selection = false;
this.btnList[id] = [tooltip, image, textMode, action, context, hide, selection];
break;
case "object":
if (typeof(id.hide) == "undefined") id.hide = false;
if (typeof(id.selection) == "undefined") id.selection = false;
this.btnList[id.id] = [id.tooltip, id.image, id.textMode, id.action, id.context, id.hide, id.selection];
break;
}
};

/*
* Register a dropdown box with the editor configuration.
*/
HTMLArea.Config.prototype.registerDropdown = function(object) {
if (typeof(this.customSelects[object.id]) != "undefined") HTMLArea._appendToLog("WARNING [HTMLArea.Config::registerDropdown]: A dropdown with the same ID " + object.id + " already exists.");
if (typeof(this.btnList[object.id]) != "undefined") HTMLArea._appendToLog("WARNING [HTMLArea.Config::registerDropdown]: A button with the same ID " + object.id + " already exists.");
this.customSelects[object.id] = object;
};

/***************************************************
* EDITOR FRAMEWORK
***************************************************/
/*
* Update the state of a toolbar element.
* This function is member of a toolbar element object, unnamed object created by createButton or createSelect functions.
*/
HTMLArea.setButtonStatus = function(id,newval) {
var oldval = this[id];
var el = document.getElementById(this.elementId);
if (oldval != newval) {
switch (id) {
case "enabled":
if (newval) {
if (!HTMLArea.is_wamcom) {
HTMLArea._removeClass(el, "buttonDisabled");
HTMLArea._removeClass(el.parentNode, "buttonDisabled");
}
el.disabled = false;
} else {
if (!HTMLArea.is_wamcom) {
HTMLArea._addClass(el, "buttonDisabled");
HTMLArea._addClass(el.parentNode, "buttonDisabled");
}
el.disabled = true;
}
break;
case "active":
if (newval) {
HTMLArea._addClass(el, "buttonPressed");
HTMLArea._addClass(el.parentNode, "buttonPressed");
} else {
HTMLArea._removeClass(el, "buttonPressed");
HTMLArea._removeClass(el.parentNode, "buttonPressed");
}
break;
}
this[id] = newval;
}
};

/*
* Create a new line in the toolbar
*/
HTMLArea.newLine = function(toolbar) {
tb_line = document.createElement("ul");
tb_line.className = "tb-line";
toolbar.appendChild(tb_line);
return tb_line;
};

/*
* Add a toolbar element to the current line or group
*/
HTMLArea.addTbElement = function(element, tb_line, first_cell_on_line) {
var tb_cell = document.createElement("li");
if (first_cell_on_line) tb_cell.className = "tb-first-cell";
else tb_cell.className = "tb-cell";
HTMLArea._addClass(tb_cell, element.className);
tb_line.appendChild(tb_cell);
tb_cell.appendChild(element);
if(element.style.display == "none") {
tb_cell.style.display = "none";
if(HTMLArea._hasClass(tb_line, "tb-group")) tb_line.style.display = "none";
if(HTMLArea._hasClass(tb_cell.previousSibling, "separator")) tb_cell.previousSibling.style.display = "none";
}
return false;
};

/*
* Create a new group on the current line
*/
HTMLArea.addTbGroup = function(tb_line, first_cell_on_line) {
var tb_group = document.createElement("ul");
tb_group.className = "tb-group";
HTMLArea.addTbElement(tb_group, tb_line, first_cell_on_line);
return tb_group;
};

/*
* Create a combo box and add it to the toolbar
*/
HTMLArea.prototype.createSelect = function(txt,tb_line,first_cell_on_line,labelObj) {
var options = null,
cmd = null,
context = null,
tooltip = "",
newObj = {
created : false,
el : null,
first : first_cell_on_line,
labelUsed : false
};

switch (txt) {
case "FontSize":
case "FontName":
case "FormatBlock":
options = this.config[txt];
tooltip = HTMLArea.I18N.tooltips[txt.toLowerCase()];
cmd = txt;
break;
default:
cmd = txt;
var dropdown = this.config.customSelects[cmd];
if (typeof(dropdown) != "undefined") {
options = dropdown.options;
context = dropdown.context;
if (typeof(dropdown.tooltip) != "undefined") tooltip = dropdown.tooltip;
}
break;
}
if(options) {
newObj["el"] = document.createElement("select");
newObj["el"].className = "select";
newObj["el"].title = tooltip;
newObj["el"].id = this._editorNumber + "-" + txt;
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
var obj = {
name : txt, // field name
elementId : newObj["el"].id, // unique id for the UI element
enabled : true, // is it enabled?
text : false, // enabled in text mode?
cmd : cmd, // command ID
state : HTMLArea.setButtonStatus, // for changing state
context : context,
editorNumber : this._editorNumber
};
this._toolbarObjects[txt] = obj;
newObj["el"]._obj = obj;
if (labelObj["labelRef"]) {
labelObj["el"].htmlFor = newObj["el"].id;
newObj["labelUsed"] = true;
}
HTMLArea._addEvent(newObj["el"], "change", HTMLArea.toolBarButtonHandler);

for (var i in options) {
var op = document.createElement("option");
op.innerHTML = i;
op.value = options[i];
if (txt == "FontName" && !this.config.disablePCexamples) {
if (HTMLArea.is_gecko) op.setAttribute("style", "font-family:" + op.value + ";");
else op.style.cssText = "font-family:" + op.value + ";";
}
newObj["el"].appendChild(op);
}

newObj["created"] = true;
}

return newObj;
};

/*
* Create a button and add it to the toolbar
*/
HTMLArea.prototype.createButton = function (txt,tb_line,first_cell_on_line,labelObj) {
var btn = null,
btnImg = null,
newObj = {
created : false,
el : null,
first : first_cell_on_line,
labelUsed : false
};

switch (txt) {
case "separator":
newObj["el"] = document.createElement("div");
newObj["el"].className = "separator";
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
newObj["created"] = true;
break;
case "space":
newObj["el"] = document.createElement("div");
newObj["el"].className = "space";
newObj["el"].innerHTML = "&nbsp;";
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
newObj["created"] = true;
break;
case "TextIndicator":
newObj["el"] = document.createElement("div");
newObj["el"].appendChild(document.createTextNode("A"));
newObj["el"].className = "indicator";
newObj["el"].title = HTMLArea.I18N.tooltips.textindicator;
newObj["el"].id = this._editorNumber + "-" + txt;
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
var obj = {
name : txt,
elementId : newObj["el"].id,
enabled : true,
active : false,
text : false,
cmd : "TextIndicator",
state : HTMLArea.setButtonStatus
};
this._toolbarObjects[txt] = obj;
newObj["created"] = true;
break;
default:
btn = this.config.btnList[txt];
}
if(!newObj["created"] && btn) {
newObj["el"] = document.createElement("button");
newObj["el"].title = btn[0];
newObj["el"].className = "button";
newObj["el"].id = this._editorNumber + "-" + txt;
if (btn[5]) newObj["el"].style.display = "none";
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
var obj = {
name : txt, // the button name
elementId : newObj["el"].id, // unique id for the UI element
enabled : true, // is it enabled?
active : false, // is it pressed?
text : btn[2], // enabled in text mode?
cmd : btn[3], // the command ID
state : HTMLArea.setButtonStatus, // for changing state
context : btn[4] || null, // enabled in a certain context?
selection : btn[6], // disabled when no selection?
editorNumber : this._editorNumber
};
this._toolbarObjects[txt] = obj;
newObj["el"]._obj = obj;
if (labelObj["labelRef"]) {
labelObj["el"].htmlFor = newObj["el"].id;
newObj["labelUsed"] = true;
}
HTMLArea._addEvents(newObj["el"],["mouseover", "mouseout", "mousedown", "click"], HTMLArea.toolBarButtonHandler);
if (typeof(btn[1]) != "string" && HTMLArea.is_ie) {
var btnImgContainer = document.createElement("div");
btnImgContainer.className = "buttonImgContainer";
btnImgContainer.innerHTML = '<img src="' + btn[1][0] + '" style="position: relative; top: -' + (18*(btn[1][1]+1)) + 'px; left: -' + (18*(btn[1][2]+1)) + 'px;" alt="' + btn[0] + '" />';
newObj["el"].appendChild(btnImgContainer);
} else {
newObj["el"].className += " " + txt;
if (this.plugins["TYPO3Browsers"] && (txt == "CreateLink" || txt == "InsertImage")) newObj["el"].className += "-TYPO3Browsers";
}
newObj["created"] = true;
}
return newObj;
};

/*
* Create a label and add it to the toolbar
*/
HTMLArea.createLabel = function(txt,tb_line,first_cell_on_line) {
var newObj = {
created : false,
el : null,
labelRef : false,
first : first_cell_on_line
};
if (/^([IT])\[(.*?)\]/.test(txt)) {
var l7ed = RegExp.$1 == "I"; // localized?
var label = RegExp.$2;
if (l7ed) label = HTMLArea.I18N.dialogs[label];
newObj["el"] = document.createElement("label");
newObj["el"].className = "label";
newObj["el"].innerHTML = label;
newObj["labelRef"] = true;
newObj["created"] = true;
newObj["first"] = HTMLArea.addTbElement(newObj["el"], tb_line, first_cell_on_line);
}
return newObj;
};

/*
* Create the toolbar and append it to the _htmlarea.
*/
HTMLArea.prototype._createToolbar = function () {
var j, k, code, n = this.config.toolbar.length, m,
tb_line = null, tb_group = null,
first_cell_on_line = true,
labelObj = new Object(),
tbObj = new Object();

var toolbar = document.createElement("div");
this._toolbar = toolbar;
toolbar.className = "toolbar";
toolbar.unselectable = "1";
this._toolbarObjects = new Object();

for (j = 0; j < n; ++j) {
tb_line = HTMLArea.newLine(toolbar);
if(!this.config.keepButtonGroupTogether) HTMLArea._addClass(tb_line, "free-float");
first_cell_on_line = true;
tb_group = null;
var group = this.config.toolbar[j];
m = group.length;
for (k = 0; k < m; ++k) {
code = group[k];
if (code == "linebreak") {
tb_line = HTMLArea.newLine(toolbar);
if(!this.config.keepButtonGroupTogether) HTMLArea._addClass(tb_line, "free-float");
first_cell_on_line = true;
tb_group = null;
} else {
if ((code == "separator" || first_cell_on_line) && this.config.keepButtonGroupTogether) {
tb_group = HTMLArea.addTbGroup(tb_line, first_cell_on_line);
first_cell_on_line = false;
}
created = false;
if (/^([IT])\[(.*?)\]/.test(code)) {
labelObj = HTMLArea.createLabel(code, (tb_group?tb_group:tb_line), first_cell_on_line);
created = labelObj["created"] ;
first_cell_on_line = labelObj["first"];
}
if (!created) {
tbObj = this.createButton(code, (tb_group?tb_group:tb_line), first_cell_on_line, labelObj);
created = tbObj["created"];
first_cell_on_line = tbObj["first"];
if(tbObj["labelUsed"]) labelObj["labelRef"] = false;
}
if (!created) {
tbObj = this.createSelect(code, (tb_group?tb_group:tb_line), first_cell_on_line, labelObj);
created = tbObj["created"];
first_cell_on_line = tbObj["first"];
if(tbObj["labelUsed"]) labelObj["labelRef"] = false;
}
if (!created) HTMLArea._appendToLog("ERROR [HTMLArea::createToolbar]: Unknown toolbar item: " + code);
}
}
}
tb_line = HTMLArea.newLine(toolbar);
this._htmlArea.appendChild(toolbar);
};

/*
* Handle toolbar element events handler
*/
HTMLArea.toolBarButtonHandler = function(ev) {
if(!ev) var ev = window.event;
var target = (ev.target) ? ev.target : ev.srcElement;
while (target.tagName.toLowerCase() == "img" || target.tagName.toLowerCase() == "div") target = target.parentNode;
var obj = target._obj;
var editorNumber = obj["editorNumber"];
var editor = RTEarea[editorNumber]["editor"];
if (obj.enabled) {
switch (ev.type) {
case "mouseover":
HTMLArea._addClass(target, "buttonHover");
HTMLArea._addClass(target.parentNode, "buttonHover");
break;
case "mouseout":
HTMLArea._removeClass(target, "buttonHover");
HTMLArea._removeClass(target.parentNode, "buttonHover");
HTMLArea._removeClass(target, "buttonActive");
HTMLArea._removeClass(target.parentNode, "buttonActive");
if (obj.active) {
HTMLArea._addClass(target, "buttonPressed");
HTMLArea._addClass(target.parentNode, "buttonPressed");
}
break;
case "mousedown":
HTMLArea._addClass(target, "buttonActive");
HTMLArea._addClass(target.parentNode, "buttonActive");
HTMLArea._removeClass(target, "buttonPressed");
HTMLArea._removeClass(target.parentNode, "buttonPressed");
HTMLArea._stopEvent(ev);
break;
case "click":
HTMLArea._removeClass(target, "buttonActive");
HTMLArea._removeClass(target.parentNode, "buttonActive");
HTMLArea._removeClass(target, "buttonHover");
HTMLArea._removeClass(target.parentNode, "buttonHover");
obj.cmd(editor, obj.name, obj);
HTMLArea._stopEvent(ev);
break;
case "change":
editor.focusEditor();
var value = target.options[target.selectedIndex].value;
switch (obj.name) {
case "FontName":
case "FontSize":
editor.execCommand(obj.name, false, value);
break;
case "FormatBlock":
(HTMLArea.is_ie || HTMLArea.is_safari) && (value = "<" + value + ">");
editor.execCommand(obj.name, false, value);
break;
default:
var dropdown = editor.config.customSelects[obj.name];
if (typeof(dropdown) != "undefined") dropdown.action(editor);
else HTMLArea._appendToLog("ERROR [HTMLArea::toolBarButtonHandler]: Combo box " + obj.name + " not registered.");
}
}
}
};

/*
* Create the status bar
*/
HTMLArea.prototype._createStatusBar = function() {
var statusBar = document.createElement("div");
this._statusBar = statusBar;
statusBar.className = "statusBar";
if (!this.config.statusBar) statusBar.style.display = "none";
var statusBarTree = document.createElement("span");
this._statusBarTree = statusBarTree;
statusBarTree.className = "statusBarTree";
statusBar.appendChild(statusBarTree);
statusBarTree.appendChild(document.createTextNode(HTMLArea.I18N.msg["Path"] + ": "));
this._htmlArea.appendChild(statusBar);
};

/*
* Create the htmlArea iframe and replace the textarea with it.
*/
HTMLArea.prototype.generate = function () {

// get the textarea and hide it
var textarea = this._textArea;
if (typeof(textarea) == "string") {
textarea = HTMLArea.getElementById("textarea", textarea);
this._textArea = textarea;
}
textarea.style.display = "none";

// create the editor framework and insert the editor before the textarea
var htmlarea = document.createElement("div");
htmlarea.className = "htmlarea";
htmlarea.style.width = textarea.style.width;
this._htmlArea = htmlarea;
textarea.parentNode.insertBefore(htmlarea, textarea);

if(textarea.form) {
// we have a form, on reset, re-initialize the HTMLArea content and update the toolbar
var f = textarea.form;
if (typeof(f.onreset) == "function") {
var funcref = f.onreset;
if (typeof(f.__msh_prevOnReset) == "undefined") f.__msh_prevOnReset = [];
f.__msh_prevOnReset.push(funcref);
}
f._editorNumber = this._editorNumber;
HTMLArea._addEvent(f, "reset", HTMLArea.resetHandler);
}

// create & append the toolbar
this._createToolbar();
HTMLArea._appendToLog("[HTMLArea::generate]: Toolbar successfully created.");

// create and append the IFRAME
var iframe = document.createElement("iframe");
if (HTMLArea.is_ie || HTMLArea.is_safari || HTMLArea.is_wamcom) {
iframe.setAttribute("src",_editor_url + "popups/blank.html");
} else if (HTMLArea.is_opera) {
iframe.setAttribute("src",_typo3_host_url + _editor_url + "popups/blank.html");
} else {
iframe.setAttribute("src","javascript:void(0);");
}
iframe.className = "editorIframe";
if (!this.config.statusBar) iframe.className += " noStatusBar";
htmlarea.appendChild(iframe);
this._iframe = iframe;

// create & append the status bar
this._createStatusBar();

// size the iframe
this.sizeIframe(2);

HTMLArea._appendToLog("[HTMLArea::generate]: Editor iframe successfully created.");
this.initIframe();
return this;
};

/*
* Size the iframe according to user's prefs or initial textarea
*/
HTMLArea.prototype.sizeIframe = function(diff) {
var height = (this.config.height == "auto" ? (this._textArea.style.height) : this.config.height);
var textareaHeight = height;
if(height.indexOf("%") == -1) {
height = parseInt(height) - diff;
if (this.config.sizeIncludesToolbar) {
this._initialToolbarOffsetHeight = this._toolbar.offsetHeight;
height -= this._toolbar.offsetHeight;
height -= this._statusBar.offsetHeight;
}
if (height < 0) height = 0;
textareaHeight = (height - 4);
if (textareaHeight < 0) textareaHeight = 0;
height += "px";
textareaHeight += "px";
}
this._iframe.style.height = height;
this._textArea.style.height = textareaHeight;
var textareaWidth = (this.config.width == "auto" ? this._textArea.style.width : this.config.width);
var iframeWidth = textareaWidth;
if(textareaWidth.indexOf("%") == -1) {
iframeWidth = parseInt(textareaWidth) + "px";
textareaWidth = parseInt(textareaWidth) - diff;
if (textareaWidth < 0) textareaWidth = 0;
textareaWidth += "px";
}
this._iframe.style.width = "100%";
if (HTMLArea.is_opera) this._iframe.style.width = iframeWidth;
this._textArea.style.width = textareaWidth;
};

/*
* Initialize the iframe
*/
HTMLArea.initIframe = function(editorNumber) {
var editor = RTEarea[editorNumber]["editor"];
editor.initIframe();
};

HTMLArea.prototype.initIframe = function() {
if (this._initIframeTimer) window.clearTimeout(this._initIframeTimer);
if (!this._iframe || (!this._iframe.contentWindow && !this._iframe.contentDocument)) {
this._initIframeTimer = window.setTimeout("HTMLArea.initIframe(" + this._editorNumber + ");", 50);
return false;
} else if (this._iframe.contentWindow) {
if (!this._iframe.contentWindow.document || !this._iframe.contentWindow.document.documentElement) {
this._initIframeTimer = window.setTimeout("HTMLArea.initIframe(" + this._editorNumber + ");", 50);
return false;
}
} else if (!this._iframe.contentDocument.documentElement) {
this._initIframeTimer = window.setTimeout("HTMLArea.initIframe(" + this._editorNumber + ");", 50);
return false;
}
var doc = this._iframe.contentWindow ? this._iframe.contentWindow.document : this._iframe.contentDocument;
this._doc = doc;

if (!this.config.fullPage) {
var head = doc.getElementsByTagName("head")[0];
if (!head) {
head = doc.createElement("head");
doc.documentElement.appendChild(head);
}
if (this.config.baseURL && !HTMLArea.is_opera) {
var base = doc.getElementsByTagName("base")[0];
if (!base) {
base = doc.createElement("base");
base.href = this.config.baseURL;
head.appendChild(base);
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: Iframe baseURL set to: " + this.config.baseURL);
}
var link0 = doc.getElementsByTagName("link")[0];
if (!link0) {
link0 = doc.createElement("link");
link0.rel = "stylesheet";
link0.href = this.config.editedContentStyle;
head.appendChild(link0);
HTMLArea._appendToLog("[HTMLArea::initIframe]: Skin CSS set to: " + this.config.editedContentStyle);
}
if (this.config.defaultPageStyle) {
var link = doc.getElementsByTagName("link")[1];
if (!link) {
link = doc.createElement("link");
link.rel = "stylesheet";
link.href = this.config.defaultPageStyle;
head.appendChild(link);
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: Override CSS set to: " + this.config.defaultPageStyle);
}
if (this.config.pageStyle) {
var link = doc.getElementsByTagName("link")[2];
if (!link) {
link = doc.createElement("link");
link.rel = "stylesheet";
link.href = this.config.pageStyle;
head.appendChild(link);
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: Content CSS set to: " + this.config.pageStyle);
}
} else {
var html = this._textArea.value;
this.setFullHTML(html);
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: Editor iframe head successfully initialized.");

this.stylesLoaded();
};

/*
* Finalize editor Iframe initialization after loading the style sheets
*/
HTMLArea.stylesLoaded = function(editorNumber) {
var editor = RTEarea[editorNumber]["editor"];
editor.stylesLoaded();
};

HTMLArea.prototype.stylesLoaded = function() {
var doc = this._doc;
var docWellFormed = true;
// check if the stylesheets have been loaded
if (this._stylesLoadedTimer) window.clearTimeout(this._stylesLoadedTimer);
var stylesAreLoaded = true;
var errorText = '';
var rules;
for (var rule = 0; rule < doc.styleSheets.length; rule++) {
if (HTMLArea.is_gecko) try { rules = doc.styleSheets[rule].cssRules; } catch(e) { stylesAreLoaded = false; errorText = e; }
if (HTMLArea.is_ie) try { rules = doc.styleSheets[rule].rules; } catch(e) { stylesAreLoaded = false; errorText = e; }
if (HTMLArea.is_ie) try { rules = doc.styleSheets[rule].imports; } catch(e) { stylesAreLoaded = false; errorText = e; }
}
if (!stylesAreLoaded && !HTMLArea.is_wamcom) {
HTMLArea._appendToLog("[HTMLArea::initIframe]: Failed attempt at loading stylesheets: " + errorText + " Retrying...");
this._stylesLoadedTimer = window.setTimeout("HTMLArea.stylesLoaded(" + this._editorNumber + ");", 100);
return false;
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: Stylesheets successfully loaded.");
if (!this.config.fullPage) {
doc.body.style.borderWidth = "0px";
doc.body.className = "htmlarea-content-body";
try {
doc.body.innerHTML = this._textArea.value;
} catch(e) {
HTMLArea._appendToLog("[HTMLArea::initIframe]: The HTML document is not well-formed.");
alert(HTMLArea.I18N.msg["HTML-document-not-well-formed"]);
docWellFormed = false;
}
}
// Start undo snapshots
if (this._customUndo) this._timerUndo = window.setInterval("HTMLArea.undoTakeSnapshot(" + this._editorNumber + ");", this.config.undoTimeout);

// Set contents editable
if (docWellFormed) {
if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera && !this._initEditMode()) return false;
if (HTMLArea.is_opera) doc.designMode = "on";
if (HTMLArea.is_ie || HTMLArea.is_safari) doc.body.contentEditable = true;
if (HTMLArea.is_ie) doc.selection.empty();
this._editMode = "wysiwyg";
if (doc.body.contentEditable || doc.designMode == "on") HTMLArea._appendToLog("[HTMLArea::initIframe]: Design mode successfully set.");
} else {
this._editMode = "textmode";
this.setMode("docnotwellformedmode");
HTMLArea._appendToLog("[HTMLArea::initIframe]: Design mode could not be set.");
}
// set editor number in iframe and document for retrieval in event handlers
doc._editorNo = this._editorNumber;
if (HTMLArea.is_ie) doc.documentElement._editorNo = this._editorNumber;
// intercept events for updating the toolbar & for keyboard handlers
HTMLArea._addEvents((HTMLArea.is_ie ? doc.body : doc), ["keydown","keypress","mousedown","mouseup","drag"], HTMLArea._editorEvent, true);
// add unload handler
HTMLArea._addEvent((this._iframe.contentWindow ? this._iframe.contentWindow : this._iframe.contentDocument), "unload", HTMLArea.removeEditorEvents);
// set cleanWordOnPaste and intercept paste, dragdrop and drop events for wordClean
if (this.config.cleanWordOnPaste) HTMLArea._addEvents((HTMLArea.is_ie ? doc.body : doc), ["paste","dragdrop","drop"], HTMLArea.cleanWordOnPaste, true);
window.setTimeout("HTMLArea.generatePlugins(" + this._editorNumber + ");", 100);
};

HTMLArea.generatePlugins = function(editorNumber) {
var editor = RTEarea[editorNumber]["editor"];
// check if any plugins have registered generate handlers
// check also if any plugin has a onKeyPress handler
editor._hasPluginWithOnKeyPressHandler = false;
for (var i in editor.plugins) {
var plugin = editor.plugins[i].instance;
if (typeof(plugin.onGenerate) == "function") plugin.onGenerate();
if (typeof(plugin.onGenerateOnce) == "function") {
plugin.onGenerateOnce();
plugin.onGenerateOnce = null;
}
if (typeof(plugin.onKeyPress) == "function") {
editor._hasPluginWithOnKeyPressHandler = true;
}
}
if (typeof(editor.onGenerate) == "function") {
editor.onGenerate();
editor.onGenerate = null;
}
HTMLArea._appendToLog("[HTMLArea::initIframe]: All plugins successfully generated.");
editor.updateToolbar();
};

/*
* When we have a form, on reset, re-initialize the HTMLArea content and update the toolbar
*/
HTMLArea.resetHandler = function(ev) {
if(!ev) var ev = window.event;
var form = (ev.target) ? ev.target : ev.srcElement;
var editor = RTEarea[form._editorNumber]["editor"];
editor.setHTML(editor._textArea.value);
editor.updateToolbar();
var a = form.__msh_prevOnReset;
// call previous reset methods if they were there.
if (typeof(a) != "undefined") {
for (var i=a.length; --i >= 0; ) { a[i](); }
}
};

/*
* Clean up event handlers and object references, undo/redo snapshots, update the textarea for submission
*/
HTMLArea.removeEditorEvents = function(ev) {
if(!ev) var ev = window.event;
HTMLArea._stopEvent(ev);
if (Dialog._modal) {
Dialog._modal.close();
Dialog._modal = null;
}
for (var ed = RTEarea.length; --ed > 0 ;) {
var editor = RTEarea[ed]["editor"];
if(editor) {
RTEarea[ed]["editor"] = null;
// save the HTML content into the original textarea for submit, back/forward, etc.
editor._textArea.value = editor.getHTML();
// release undo/redo snapshots
window.clearInterval(editor._timerUndo);
editor._undoQueue = null;
// release events
if (HTMLArea._eventCache && !HTMLArea.is_opera) HTMLArea._eventCache.flush();
if (HTMLArea.is_ie) HTMLArea._cleanup(editor);
}
}
};

/*
* Switch editor mode; parameter can be "textmode" or "wysiwyg".
* If no parameter was passed, toggle between modes.
*/
HTMLArea.prototype.setMode = function(mode) {
if (typeof(mode) == "undefined") var mode = (this._editMode == "textmode") ? "wysiwyg" : "textmode";
switch (mode) {
case "textmode":
case "docnotwellformedmode":
this._textArea.value = this.getHTML();
this._iframe.style.display = "none";
this._textArea.style.display = "block";
if(this.config.statusBar) {
var statusBarTextMode = document.createElement("span");
statusBarTextMode.className = "statusBarTextMode";
statusBarTextMode.appendChild(document.createTextNode(HTMLArea.I18N.msg["TEXT_MODE"]));
this._statusBar.innerHTML = '';
this._statusBar.appendChild(statusBarTextMode);
}
this._editMode = "textmode";
break;
case "wysiwyg":
if(HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) this._doc.designMode = "off";
try {
if(!this.config.fullPage) this._doc.body.innerHTML = this.getHTML();
else this.setFullHTML(this.getHTML());
} catch(e) {
alert(HTMLArea.I18N.msg["HTML-document-not-well-formed"]);
break;
}
this._textArea.style.display = "none";
this._iframe.style.display = "block";
if(HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) this._doc.designMode = "on";
if(this.config.statusBar) {
this._statusBar.innerHTML = "";
this._statusBar.appendChild(this._statusBarTree);
}
this._editMode = "wysiwyg";
break;
default:
return false;
}
if (!(mode == "docnotwellformedmode")) this.focusEditor();
for (var i in this.plugins) {
var plugin = this.plugins[i].instance;
if (typeof(plugin.onMode) == "function") { plugin.onMode(mode); }
}
};

/*
* Initialize iframe content when in full page mode
*/
HTMLArea.prototype.setFullHTML = function(html) {
var save_multiline = RegExp.multiline;
RegExp.multiline = true;
if(html.match(HTMLArea.RE_doctype)) {
this.setDoctype(RegExp.$1);
html = html.replace(HTMLArea.RE_doctype, "");
};
RegExp.multiline = save_multiline;
if(!HTMLArea.is_ie) {
if(html.match(HTMLArea.RE_head)) this._doc.getElementsByTagName("head")[0].innerHTML = RegExp.$1;
if(html.match(HTMLArea.RE_body)) this._doc.getElementsByTagName("body")[0].innerHTML = RegExp.$1;
} else {
var html_re = /<html>((.|\n)*?)<\/html>/i;
html = html.replace(html_re, "$1");
this._doc.open();
this._doc.write(html);
this._doc.close();
this._doc.body.contentEditable = true;
return true;
};
};

/***************************************************
* PLUGINS, STYLESHEETS, AND IMAGE AND POPUP URL'S
***************************************************/

/*
* Create the specified plugin and register it with this HTMLArea
*/
HTMLArea.prototype.registerPlugin = function() {
var plugin = arguments[0];
var args = [];
for (var i=1; i < arguments.length; ++i) { args.push(arguments[i]); }
this.registerPlugin2(plugin, args);
};

/*
* A variant of the function above where the plugin arguments are already packed in an array.
* Externally, it should be only used in the full-screen editor code,
* in order to initialize plugins with the same parameters as in the opener window.
*/
HTMLArea.prototype.registerPlugin2 = function(plugin, args) {
if (typeof(plugin) == "string") {
var plugin = eval(plugin);
};
if (typeof(plugin) == "undefined") {
HTMLArea._appendToLog("ERROR [HTMLArea::registerPlugin]: Can't register undefined plugin.");
return false;
};
var obj = new plugin(this, args);
if (obj) {
var clone = {};
var info = plugin._pluginInfo;
for (var i in info) {
clone[i] = info[i];
}
clone.instance = obj;
clone.args = args;
this.plugins[plugin._pluginInfo.name] = clone;
} else {
HTMLArea._appendToLog("ERROR [HTMLArea::registerPlugin]: Can't register plugin " + plugin.toString() + ".");
};
};

/*
* Load the required plugin script and, unless not requested, the language file
*/
HTMLArea.loadPlugin = function(pluginName,noLangFile,url) {
if (typeof(url) == "undefined") {
var dir = _editor_url + "plugins/" + pluginName;
var plugin = pluginName.replace(/([a-z])([A-Z])([a-z])/g, "$1" + "-" + "$2" + "$3").toLowerCase() + ".js";
var plugin_file = dir + "/" + plugin;
HTMLArea.loadScript(plugin_file);
if (typeof(noLangFile) == "undefined" || !noLangFile) {
var plugin_lang = dir + "/lang/" + _editor_lang + ".js";
HTMLArea._scripts.push(plugin_lang);
}
} else {
HTMLArea.loadScript(url);
}
};

/*
* Load a stylesheet file
*/
HTMLArea.loadStyle = function(style, plugin, url) {
if (typeof(url) == "undefined") {
var url = _editor_url || '';
if (typeof(plugin) != "undefined") { url += "plugins/" + plugin + "/"; }
url += style;
if (/^\//.test(style)) { url = style; }
}
var head = document.getElementsByTagName("head")[0];
var link = document.createElement("link");
link.rel = "stylesheet";
link.href = url;
head.appendChild(link);
};

/*
* Load the editor skin
*/
HTMLArea.loadStyle('','',_editor_CSS);

/*
* Get the url of some image
*/
HTMLArea.prototype.imgURL = function(file, plugin) {
if (typeof(plugin) == "undefined") return _editor_skin + this.config.imgURL + file;
else return _editor_skin + this.config.imgURL + plugin + "/" + file;
};

/*
* Get the url of some popup
*/
HTMLArea.prototype.popupURL = function(file) {
var url = "";
if(file.match(/^plugin:\/\/(.*?)\/(.*)/)) {
var plugin = RegExp.$1;
var popup = RegExp.$2;
if(!/\.html$/.test(popup)) popup += ".html";
url = _editor_url + "plugins/" + plugin + "/popups/" + popup;
} else {
url = _typo3_host_url + _editor_url + this.config.popupURL + file;
}
return url;
};

/***************************************************
* EDITOR UTILITIES
***************************************************/
HTMLArea.getInnerText = function(el) {
var txt = '', i;
for(i=el.firstChild;i;i =i.nextSibling) {
if(i.nodeType == 3) txt += i.data;
else if(i.nodeType == 1) txt += HTMLArea.getInnerText(i);
}
return txt;
};

HTMLArea._wordClean = function(editor,html) {
function clearClass(node) {
var newc = node.className.replace(/(^|\s)mso.*?(\s|$)/ig,' ');
if(newc != node.className) {
node.className = newc;
if(!/\S/.test(node.className)) node.removeAttribute("className");
}
}
function clearStyle(node) {
if (HTMLArea.is_ie) var style = node.style.cssText;
else var style = node.getAttribute("style");
if (style) {
var declarations = style.split(/\s*;\s*/);
for (var i = declarations.length; --i >= 0;) {
if(/^mso|^tab-stops/i.test(declarations[i]) || /^margin\s*:\s*0..\s+0..\s+0../i.test(declarations[i])) declarations.splice(i,1);
}
node.setAttribute("style", declarations.join("; "));
}
}
function stripTag(el) {
if(HTMLArea.is_ie) {
el.outerHTML = HTMLArea.htmlEncode(el.innerText);
} else {
var txt = document.createTextNode(HTMLArea.getInnerText(el));
el.parentNode.insertBefore(txt,el);
el.parentNode.removeChild(el);
}
}
function checkEmpty(el) {
if(/^(span|b|strong|i|em|font)$/i.test(el.tagName) && !el.firstChild) el.parentNode.removeChild(el);
}
function parseTree(root) {
var tag = root.tagName.toLowerCase(), i, next;
if((HTMLArea.is_ie && root.scopeName != 'HTML') || (!HTMLArea.is_ie && /:/.test(tag)) || /o:p/.test(tag)) {
stripTag(root);
return false;
} else {
clearClass(root);
clearStyle(root);
for (i=root.firstChild;i;i=next) {
next = i.nextSibling;
if(i.nodeType == 1 && parseTree(i)) { checkEmpty(i); }
}
}
return true;
}
parseTree(html);
};

HTMLArea.wordCleanLater = function(editorNumber,doUpdateToolbar) {
var editor = RTEarea[editorNumber]["editor"];
HTMLArea._wordClean(editor, editor._doc.body);
if (doUpdateToolbar) editor.updateToolbar();
};

/*
* Handler for paste, dragdrop and drop events
*/
HTMLArea.cleanWordOnPaste = function(ev) {
if(!ev) var ev = window.event;
var target = (ev.target) ? ev.target : ev.srcElement;
var owner = (target.ownerDocument) ? target.ownerDocument : target;
while (HTMLArea.is_ie && owner.parentElement ) { // IE5.5 does not report any ownerDocument
owner = owner.parentElement;
}
// if we dropped an image dragged from the TYPO3 Browser, let's close the browser window
if (typeof(browserWin) != "undefined") browserWin.close();
window.setTimeout("HTMLArea.wordCleanLater(" + owner._editorNo + ", true);", 250);
};

HTMLArea.prototype.forceRedraw = function() {
this._doc.body.style.visibility = "hidden";
this._doc.body.style.visibility = "visible";
};

/*
* Focus the editor iframe document or the textarea.
*/
HTMLArea.prototype.focusEditor = function() {
switch (this._editMode) {
case "wysiwyg" :
try {
if (HTMLArea.is_safari || HTMLArea.is_opera) this._doc.focus();
else this._iframe.contentWindow.focus();
} catch(e) { };
break;
case "textmode":
this._textArea.focus();
break;
}
return this._doc;
};

HTMLArea.undoTakeSnapshot = function(editorNumber) {
var editor = RTEarea[editorNumber]["editor"];
if (editor._doc) editor._undoTakeSnapshot();
};

/*
* Take a snapshot of the current contents for undo
*/
HTMLArea.prototype._undoTakeSnapshot = function() {
var curTime = (new Date()).getTime();
var newOne = true;
if(this._undoPos >= this.config.undoSteps) {
// remove the first element
this._undoQueue.shift();
--this._undoPos;
}
// New undo slot should be used if this is first undoTakeSnapshot call or if undoTimeout is elapsed
if (this._undoPos < 0 || this._undoQueue[this._undoPos].time < curTime - this.config.undoTimeout) {
++this._undoPos;
} else {
newOne = false;
}
// use the fasted method (getInnerHTML);
var txt = this.getInnerHTML();
if (newOne){
// If previous slot contain same text new one should not be used
if(this._undoPos == 0 || this._undoQueue[this._undoPos - 1].text != txt){
this._undoQueue[this._undoPos] = { text: txt, time: curTime };
this._undoQueue.length = this._undoPos + 1;
} else {
this._undoPos--;
}
} else {
if(this._undoQueue[this._undoPos].text != txt){
this._undoQueue[this._undoPos].text = txt;
this._undoQueue.length = this._undoPos + 1;
}
}
};

HTMLArea.setUndoQueueLater = function(editorNumber,op) {
var editor = RTEarea[editorNumber]["editor"];
if (op == "undo") {
editor.setHTML(editor._undoQueue[--editor._undoPos].text);
} else if (op == "redo") {
if(editor._undoPos < editor._undoQueue.length - 1) editor.setHTML(editor._undoQueue[++editor._undoPos].text);
}
};

HTMLArea.prototype.undo = function() {
if(this._undoPos > 0){
// Make sure we would not loose any changes
this._undoTakeSnapshot();
if (!HTMLArea.is_opera) this.setHTML(this._undoQueue[--this._undoPos].text);
else window.setTimeout("HTMLArea.setUndoQueueLater(" + this._editorNumber + ", 'undo');", 10);
}
};

HTMLArea.prototype.redo = function() {
if(this._undoPos < this._undoQueue.length - 1) {
// Make sure we would not loose any changes
this._undoTakeSnapshot();
// Previous call could make undo queue shorter
if (!HTMLArea.is_opera) {
if(this._undoPos < this._undoQueue.length - 1) this.setHTML(this._undoQueue[++this._undoPos].text);
} else {
window.setTimeout("HTMLArea.setUndoQueueLater(" + this._editorNumber + ", 'redo');", 10);
}
}
};

/*
* Update the enabled/disabled/active state of the toolbar elements
*/
HTMLArea.updateToolbar = function(editorNumber) {
var editor = RTEarea[editorNumber]["editor"];
editor.updateToolbar();
editor._timerToolbar = null;
};

HTMLArea.prototype.updateToolbar = function(noStatus) {
var doc = this._doc,
text = (this._editMode == "textmode"),
selection = this.hasSelectedText(),
ancestors = null, cls = new Array(),
txt, txtClass, i, cmd, inContext, match, matchAny, k, j, n, commandState;
if(!text) {
ancestors = this.getAllAncestors();
if(this.config.statusBar && !noStatus) {
// Unhook previous events handlers
if(this._statusBarTree.hasChildNodes()) {
for (i = this._statusBarTree.firstChild; i; i = i.nextSibling) {
if(i.nodeName.toLowerCase() == "a") {
HTMLArea._removeEvents(i,["click", "contextmenu, mousedown"], HTMLArea.statusBarHandler);
i.el = null;
i.editor = null;
}
}
}
this._statusBarTree.innerHTML = '';
this._statusBarTree.appendChild(document.createTextNode(HTMLArea.I18N.msg["Path"] + ": ")); // clear
for (i = ancestors.length; --i >= 0;) {
var el = ancestors[i];
if(!el) continue;
var a = document.createElement("a");
a.href = "#";
a.el = el;
a.editor = this;
if (!HTMLArea.is_opera) {
HTMLArea._addEvents(a, ["click", "contextmenu"], HTMLArea.statusBarHandler);
} else {
HTMLArea._addEvents(a, ["mousedown", "click"], HTMLArea.statusBarHandler);
}
txt = el.tagName.toLowerCase();
a.title = el.style.cssText;
if (el.id) { txt += "#" + el.id; }
if (el.className) {
txtClass = "";
cls = el.className.trim().split(" ");
for(j = cls.length; j > 0;) {
if(!HTMLArea.reservedClassNames.test(cls[--j])) { txtClass = "." + cls[j]; }
}
txt += txtClass;
}
a.appendChild(document.createTextNode(txt));
this._statusBarTree.appendChild(a);
if (i != 0) this._statusBarTree.appendChild(document.createTextNode(String.fromCharCode(0xbb)));
}
}
}
for (i in this._toolbarObjects) {
var btn = this._toolbarObjects[i];
cmd = i;
// Determine if the button should be enabled
inContext = true;
if (btn.context && !text) {
inContext = false;
var attrs = [];
var contexts = [];
if (/(.*)\[(.*?)\]/.test(btn.context)) {
contexts = RegExp.$1.split(",");
attrs = RegExp.$2.split(",");
} else {
contexts = btn.context.split(",");
}
for (j = contexts.length; --j >= 0;) contexts[j] = contexts[j].toLowerCase();
matchAny = (contexts[0] == "*");
for (k = 0; k < ancestors.length; ++k) {
if (!ancestors[k]) continue;
match = false;
for (j = contexts.length; --j >= 0;) match = match || (ancestors[k].tagName.toLowerCase() == contexts[j]);
if (matchAny || match) {
inContext = true;
for (j = attrs.length; --j >= 0;) {
if (!eval("ancestors[k]." + attrs[j])) {
inContext = false;
break;
}
}
if (inContext) break;
}
}
}
if (cmd == "CreateLink") btn.state("enabled", (!text || btn.text) && (inContext || selection));
else btn.state("enabled", (!text || btn.text) && inContext && (selection || !btn.selection));
if (typeof(cmd) == "function") { continue; };
// look-it-up in the custom dropdown boxes
var dropdown = this.config.customSelects[cmd];
if((!text || btn.text) && (typeof(dropdown) != "undefined")) {
dropdown.refresh(this);
continue;
}
switch (cmd) {
case "FontName":
case "FontSize":
if(!text) try {
var value = ("" + doc.queryCommandValue(cmd)).toLowerCase();
if(!value) {
document.getElementById(btn.elementId).selectedIndex = 0;
break;
}
// We rely on the fact that the variable in config has the same name as button name in the toolbar.
var options = this.config[cmd];
k = 0;
for (j in options) {
if((j.toLowerCase() == value) || (options[j].substr(0, value.length).toLowerCase() == value)) {
document.getElementById(btn.elementId).selectedIndex = k;
throw "ok";
}
++k;
}
document.getElementById(btn.elementId).selectedIndex = 0;
} catch(e) {}
break;
case "FormatBlock":
var blocks = [ ];
for(var i in this.config['FormatBlock']) {
blocks[blocks.length] = this.config['FormatBlock'][i];
}
var deepestAncestor = this._getFirstAncestor(this._getSelection(), blocks);
if(deepestAncestor) {
for(var x= 0; x < blocks.length; x++) {
if(blocks[x].toLowerCase() == deepestAncestor.tagName.toLowerCase()) document.getElementById(btn.elementId).selectedIndex = x;
}
} else {
document.getElementById(btn.elementId).selectedIndex = 0;
}
break;
case "TextIndicator":
if(!text) {
try {with (document.getElementById(btn.elementId).style) {
backgroundColor = HTMLArea._makeColor(doc.queryCommandValue((HTMLArea.is_ie || HTMLArea.is_safari) ? "BackColor" : "HiliteColor"));
// Mozilla
if(/transparent/i.test(backgroundColor)) { backgroundColor = HTMLArea._makeColor(doc.queryCommandValue("BackColor")); }
color = HTMLArea._makeColor(doc.queryCommandValue("ForeColor"));
fontFamily = doc.queryCommandValue("FontName");
// Check if queryCommandState is available
fontWeight = "normal";
fontStyle = "normal";
try { fontWeight = doc.queryCommandState("Bold") ? "bold" : "normal"; } catch(ex) { fontWeight = "normal"; };
try { fontStyle = doc.queryCommandState("Italic") ? "italic" : "normal"; } catch(ex) { fontStyle = "normal"; };
}} catch (e) {
// alert(e + "\n\n" + cmd);
}
}
break;
case "HtmlMode": btn.state("active", text); break;
case "LeftToRight":
case "RightToLeft":
var el = this.getParentElement();
while (el && !HTMLArea.isBlockElement(el)) { el = el.parentNode; }
if (el) btn.state("active",(el.style.direction == ((cmd == "RightToLeft") ? "rtl" : "ltr")));
break;
case "Bold":
case "Italic":
case "StrikeThrough":
case "Underline":
case "Subscript":
case "Superscript":
case "JustifyLeft":
case "JustifyCenter":
case "JustifyRight":
case "JustifyFull":
case "Indent":
case "Outdent":
case "InsertOrderedList":
case "InsertUnorderedList":
commandState = false;
if(!text) try { commandState = doc.queryCommandState(cmd); } catch(e) { commandState = false; }
btn.state("active",commandState);
break;
default: break;
}
}
if (this._customUndo) this._undoTakeSnapshot();
for (i in this.plugins) {
var plugin = this.plugins[i].instance;
if (typeof(plugin.onUpdateToolbar) == "function") plugin.onUpdateToolbar();
}
};

/***************************************************
* DOM TREE MANIPULATION
***************************************************/

/*
* Surround the currently selected HTML source code with the given tags.
* Delete the selection, if any.
*/
HTMLArea.prototype.surroundHTML = function(startTag,endTag) {
this.insertHTML(startTag + this.getSelectedHTML().replace(HTMLArea.Reg_body, "") + endTag);
};

/*
* Change the tag name of a node.
*/
HTMLArea.prototype.convertNode = function(el,newTagName) {
var newel = this._doc.createElement(newTagName), p = el.parentNode;
while (el.firstChild) newel.appendChild(el.firstChild);
p.insertBefore(newel, el);
p.removeChild(el);
return newel;
};

/*
* Find a parent of an element with a specified tag
*/
HTMLArea.getElementObject = function(el,tagName) {
var oEl = el;
while (oEl != null && oEl.nodeName.toLowerCase() != tagName) oEl = oEl.parentNode;
return oEl;
};

/*
* Make XHTML-compliant nested list
*/
HTMLArea.prototype.makeNestedList = function(el) {
var previous, clone;
for (var i = el.firstChild; i; i = i.nextSibling) {
if (/^li$/i.test(i.tagName)) {
for (var j = i.firstChild; j; j = j.nextSibling) {
if (/^(ol|ul)$/i.test(j.tagName)) this.makeNestedList(j);
}
} else if (/^(ol|ul)$/i.test(i.tagName)) {
previous = i.previousSibling;
var clone = i.cloneNode(true);
if (!previous) {
previous = el.insertBefore(this._doc.createElement("li"),i);
previous.appendChild(clone);
} else {
previous.appendChild(clone);
}
HTMLArea.removeFromParent(i);
this.makeNestedList(el);
break;
}
}
};

/***************************************************
* SELECTIONS AND RANGES
***************************************************/

/*
* Return true if we have some selected content
*/
HTMLArea.prototype.hasSelectedText = function() {
return this.getSelectedHTML() != "";
};

/*
* Get an array with all the ancestor nodes of the selection.
*/
HTMLArea.prototype.getAllAncestors = function() {
var p = this.getParentElement();
var a = [];
while (p && (p.nodeType == 1) && (p.tagName.toLowerCase() != 'body')) {
a.push(p);
p = p.parentNode;
}
a.push(this._doc.body);
return a;
};

/*
* Get the deepest ancestor of the selection that is of the specified type
* Borrowed from Xinha (is not htmlArea) - http://xinha.gogo.co.nz/
*/
HTMLArea.prototype._getFirstAncestor = function(sel,types) {
var prnt = this._activeElement(sel);
if (prnt == null) {
try {
prnt = (HTMLArea.is_ie ? this._createRange(sel).parentElement() : this._createRange(sel).commonAncestorContainer);
} catch(e) {
return null;
}
}
if (typeof(types) == 'string') types = [types];

while (prnt) {
if (prnt.nodeType == 1) {
if (types == null) return prnt;
for (var i = 0; i < types.length; i++) {
if(prnt.tagName.toLowerCase() == types[i]) return prnt;
}
if(prnt.tagName.toLowerCase() == 'body') break;
if(prnt.tagName.toLowerCase() == 'table') break;
}
prnt = prnt.parentNode;
}
return null;
};

/***************************************************
* LINKS, IMAGES AND TABLES
***************************************************/

/*
* Get the create link action function
*/
HTMLArea.createLinkDialog = function(editor,link) {
return (function(param) {
if (!param || typeof(param.f_href) == "undefined") return false;
var a = link;
if(!a) {
try {
editor._doc.execCommand("CreateLink",false,param.f_href);
a = editor.getParentElement();
var sel = editor._getSelection();
var range = editor._createRange(sel);
if (!HTMLArea.is_ie) {
a = range.startContainer;
if (!/^a$/i.test(a.tagName)) {
a = a.nextSibling;
if(a == null) a = range.startContainer.parentNode;
}
}
} catch(e) {}
} else {
var href = param.f_href.trim();
editor.selectNodeContents(a);
if (href == "") {
editor._doc.execCommand("Unlink", false, null);
editor.updateToolbar();
return false;
}
else {
a.href = href;
}
}
if (!(a && /^a$/i.test(a.tagName))) return false;
if (typeof(param.f_target) != "undefined") a.target = param.f_target.trim();
if (typeof(param.f_title) != "undefined") a.title = param.f_title.trim();
/***************************************************************
* Copyright notice
*
* (c) 2002-2004, interactivetools.com, inc.
* (c) 2003-2004 dynarch.com
* (c) 2004, 2005, 2006 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
* All rights reserved
*
* This script is part of the TYPO3 project. The TYPO3 project is
* free software; you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation; either version 2 of the License, or
* (at your option) any later version.
*
* The GNU General Public License can be found at
* http://www.gnu.org/copyleft/gpl.html.
* A copy is found in the textfile GPL.txt and important notices to the license
* from the author is found in LICENSE.txt distributed with these scripts.
*
*
* This script is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* This script is a modified version of a script published under the htmlArea License.
* A copy of the htmlArea License may be found in the textfile HTMLAREA_LICENSE.txt.
*
* This copyright notice MUST APPEAR in all copies of the script!
***************************************************************/
/*
* Main script of TYPO3 htmlArea RTE
*
* TYPO3 CVS ID: $Id: htmlarea.js,v 1.3 2006/05/05 20:35:04 stanrolland Exp $
*/

/***************************************************
* EDITOR INITIALIZATION AND CONFIGURATION
***************************************************/
/*
* Set some basic paths
*/
if (typeof(_editor_url) == "string") {
// Leave exactly one backslash at the end of _editor_url
_editor_url = _editor_url.replace(/\x2f*$/, '/');
} else {
alert("WARNING: _editor_url is not set!");
var _editor_url = '';
}
if (typeof(_editor_skin) == "string") _editor_skin = _editor_skin.replace(/\x2f*$/, '/');
else var _editor_skin = _editor_url + "skins/default/";
if (typeof(_editor_CSS) != "string") var _editor_CSS = _editor_url + "skins/default/htmlarea.css";
if (typeof(_editor_edited_content_CSS) != "string") var _editor_edited_content_CSS = _editor_skin + "htmlarea-edited-content.css";
if (typeof(_editor_lang) == "string") _editor_lang = _editor_lang ? _editor_lang.toLowerCase() : "en";

/*
* HTMLArea object constructor.
*/
var HTMLArea = function(textarea, config) {
if (HTMLArea.checkSupportedBrowser()) {
if (typeof(config) == "undefined") this.config = new HTMLArea.Config();
else this.config = config;
this._htmlArea = null;
this._textArea = textarea;
this._editMode = "wysiwyg";
this.plugins = {};
this._timerToolbar = null;
this._undoQueue = new Array();
this._undoPos = -1;
this._customUndo = true;
this.doctype = '';
this.eventHandlers = {};
}
};

/*
* Browser identification
*/
HTMLArea.agt = navigator.userAgent.toLowerCase();
HTMLArea.is_opera = (HTMLArea.agt.indexOf("opera") != -1);
HTMLArea.is_ie = (HTMLArea.agt.indexOf("msie") != -1) && !HTMLArea.is_opera;
HTMLArea.is_safari = (HTMLArea.agt.indexOf("webkit") != -1);
HTMLArea.is_gecko = (navigator.product == "Gecko") || HTMLArea.is_opera;
HTMLArea.is_wamcom = (HTMLArea.agt.indexOf("wamcom") != -1) || (HTMLArea.is_gecko && (HTMLArea.agt.indexOf("1.3") != -1));

/*
* A log for troubleshooting
*/
HTMLArea._debugMode = false;
if (typeof(_editor_debug_mode) != "undefined") HTMLArea._debugMode = _editor_debug_mode;

HTMLArea._appendToLog = function(str){
if(HTMLArea._debugMode) {
var log = document.getElementById("HTMLAreaLog");
if(log) {
log.appendChild(document.createTextNode(str));
log.appendChild(document.createElement("br"));
}
}
};

/*
* Using compressed scripts
*/
HTMLArea._compressedScripts = false;
if (typeof(_editor_compressed_scripts) != "undefined") HTMLArea._compressedScripts = _editor_compressed_scripts;

/*
* Localization of core script
*/
HTMLArea.I18N = HTMLArea_langArray;

/*
* Build array of scripts to be loaded
*/
HTMLArea.is_loaded = false;
HTMLArea.onload = function(){
HTMLArea.is_loaded = true;
HTMLArea._appendToLog("All scripts successfully loaded.");
};
HTMLArea.loadTimer;
HTMLArea._scripts = [];
HTMLArea._scriptLoaded = [];
HTMLArea._request = [];
HTMLArea.loadScript = function(url, plugin) {
if (plugin) url = _editor_url + "/plugins/" + plugin + '/' + url;
if (HTMLArea.is_opera) url = _typo3_host_url + url;
if (HTMLArea._compressedScripts && url.indexOf("compressed") == -1) url = url.replace(/\.js$/gi, "-compressed.js");
HTMLArea._scripts.push(url);
};
HTMLArea.loadScript(RTEarea[0]["popupwin"] ? RTEarea[0]["popupwin"] : _editor_url + "popupwin.js");
if(HTMLArea.is_gecko) HTMLArea.loadScript(RTEarea[0]["htmlarea-gecko"] ? RTEarea[0]["htmlarea-gecko"] : _editor_url + "htmlarea-gecko.js");
if(HTMLArea.is_ie) HTMLArea.loadScript(RTEarea[0]["htmlarea-ie"] ? RTEarea[0]["htmlarea-ie"] : _editor_url + "htmlarea-ie.js");

/*
* Get a script using asynchronous XMLHttpRequest
*/
HTMLArea.MSXML_XMLHTTP_PROGIDS = new Array("Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "Msxml2.XMLHTTP.3.0", "Msxml2.XMLHTTP", "Microsoft.XMLHTTP");
HTMLArea.XMLHTTPResponseHandler = function (i) {
return (function() {
var url = HTMLArea._scripts[i];
if (HTMLArea._request[i].readyState != 4) return;
if (HTMLArea._request[i].status == 200) {
try {
eval(HTMLArea._request[i].responseText);
HTMLArea._scriptLoaded[i] = true;
i = null;
} catch (e) {
HTMLArea._appendToLog("ERROR [HTMLArea::getScript]: Unable to get script " + url + ": " + e);
}
} else {
HTMLArea._appendToLog("ERROR [HTMLArea::getScript]: Unable to get " + url + " . Server reported " + HTMLArea._request[i].status);
}
});
};
HTMLArea._getScript = function (i,asynchrongins["TableOperations"].instance.buttonPress(editor,"TO-toggle-borders");
if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) editor.setMode("wysiwyg");
editor.updateToolbar();
editor = null;
sel = null;
range = null;
return true;
});
};

/*
* Process insert table request
*/
HTMLArea.prototype._insertTable = function() {
var sel = this._getSelection();
var range = this._createRange(sel);
this.focusEditor();
var insertTableDialogFunctRef = HTMLArea.insertTableDialog(this, sel, range);
this._popupDialog("insert_table.html", insertTableDialogFunctRef, this, 520, 230);
};

/***************************************************
* Category: EVENT HANDLERS
***************************************************/
HTMLArea.selectColorDialog = function(editor,cmdID) {
return (function(color) {
if(color) editor._doc.execCommand(cmdID, false, "#" + color);
});
};

/*
* Intercept some commands and replace them with our own implementation
*/
HTMLArea.prototype.execCommand = function(cmdID, UI, param) {
this.focusEditor();
if (HTMLArea.is_gecko) {
try { this._doc.execCommand("useCSS", false, !this.config.useCSS); } catch (e) {};
try { this._doc.execCommand("styleWithCSS", false, this.config.useCSS); } catch (e) {};
}
switch (cmdID) {
case "HtmlMode" : this.setMode(); break;
case "SplitBlock" : this._doc.execCommand('FormatBlock',false,((HTMLArea.is_ie || HTMLArea.is_safari) ? "<div>" : "div")); break;
case "HiliteColor" : (HTMLArea.is_ie || HTMLArea.is_safari) && (cmdID = "BackColor");
case "ForeColor" :
var colorDialogFunctRef = HTMLArea.selectColorDialog(this, cmdID);
this._popupDialog("select_color.html", colorDialogFunctRef, HTMLArea._colorToRgb(this._doc.queryCommandValue(cmdID)), 200, 182);
break;
case "CreateLink" : this._createLink(); break;
case "Undo" :
case "Redo" :
if(this._customUndo) this[cmdID.toLowerCase()]();
else this._doc.execCommand(cmdID,UI,param);
break;
case "InsertTable" : this._insertTable(); break;
case "InsertImage" : this._insertImage(); break;
case "About" : this._popupDialog("about.html", null, this, 475, 350); break;
case "CleanWord" : HTMLArea._wordClean(this, this._doc.body); break;
case "Cut" :
case "Copy" :
case "Paste" :
try {
this._doc.execCommand(cmdID,false,null);
if (cmdID == "Paste" && this.config.cleanWordOnPaste) HTMLArea._wordClean(this, this._doc.body);
} catch (e) {
if (HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) this._mozillaPasteException(cmdID, UI, param);
}
break;
case "LeftToRight" :
case "RightToLeft" :
var dir = (cmdID == "RightToLeft") ? "rtl" : "ltr";
var el = this.getParentElement();
while (el && !HTMLArea.isBlockElement(el)) el = el.parentNode;
if(el) {
if(el.style.direction == dir) el.style.direction = "";
else el.style.direction = dir;
}
break;
case "Indent" :
var el = this.getParentElement();
while (el && (!HTMLArea.isBlockElement(el) || /^li$/i.test(el.nodeName))) el = el.parentNode;
try { this._doc.execCommand(cmdID, UI, param); }
catch(e) { if (this.config.debug) alert(e + "\n\nby execCommand(" + cmdID + ");"); }
if (/^(ol|ul)$/i.test(el.nodeName)) {
this.makeNestedList(el);
this.selectNodeContents(el);
}
break;
case "FontSize" :
case "FontName" :
if (param) {
this._doc.execCommand(cmdID, UI, param);
break;
} else {
var sel = this._getSelection();
// Find font and select it
if (HTMLArea.is_gecko && sel.isCollapsed) {
var fontNode = this._getFirstAncestor(sel, "font");
if (fontNode != null) this.selectNode(fontNode);
}
// Remove format
this._doc.execCommand("RemoveFormat", UI, null);
// Collapse range if font was found
if (HTMLArea.is_gecko && fontNode != null) {
sel = this._getSelection();
var r = this._createRange(sel).cloneRange();
r.collapse(false);
if(HTMLArea.is_safari) {
sel.empty();
sel.setBaseAndExtent(r.startContainer,r.startOffset,r.endContainer,r.endOffset);
} else {
sel.removeAllRanges();
sel.addRange(r);
}
}
}
break;
default :
try { this._doc.execCommand(cmdID, UI, param); }
catch(e) { if (this.config.debug) alert(e + "\n\nby execCommand(" + cmdID + ");"); }
}
this.updateToolbar();
return false;
};

/*
* A generic event handler for things that happen in the IFRAME's document.
*/
HTMLArea._editorEvent = function(ev) {
if(!ev) var ev = window.event;
var target = (ev.target) ? ev.target : ev.srcElement;
var owner = (target.ownerDocument) ? target.ownerDocument : target;
if(HTMLArea.is_ie) { // IE5.5 does not report any ownerDocument
while (owner.parentElement) { owner = owner.parentElement; }
}
var editor = RTEarea[owner._editorNo]["editor"];
var keyEvent = ((HTMLArea.is_ie || HTMLArea.is_safari) && ev.type == "keydown") || (!HTMLArea.is_ie && ev.type == "keypress");
editor.focusEditor();

if(keyEvent) {
if(editor._hasPluginWithOnKeyPressHandler) {
for (var i in editor.plugins) {
var plugin = editor.plugins[i].instance;
if (typeof(plugin.onKeyPress) == "function") {
if (plugin.onKeyPress(ev)) return false;
}
}
}
if(ev.ctrlKey) {
if(!ev.altKey) {
// execute hotkey command
var key = String.fromCharCode((HTMLArea.is_ie || HTMLArea.is_safari || HTMLArea.is_opera) ? ev.keyCode : ev.charCode).toLowerCase();
if (HTMLArea.is_gecko && ev.keyCode == 32) key = String.fromCharCode(ev.keyCode).toLowerCase();
var cmd = null;
var value = null;
switch (key) {
// headings
case '1':
case '2':
case '3':
case '4':
case '5':
case '6':
if (editor._toolbarObjects["FormatBlock"]) {
cmd = "FormatBlock";
value = "h" + key;
if(HTMLArea.is_ie || HTMLArea.is_safari) value = "<" + value + ">";
}
break;
case ' ':
editor.insertHTML("&nbsp;");
editor.updateToolbar();
HTMLArea._stopEvent(ev);
return false;
// other hotkeys
default:
if (editor.config.hotKeyList[key]) {
switch (editor.config.hotKeyList[key]) {
case "SelectAll":
case "CleanWord":
cmd = editor.config.hotKeyList[key];
break;
case "Paste":
if (HTMLArea.is_ie || HTMLArea.is_safari) {
cmd = editor.config.hotKeyList[key];
} else if (editor.config.cleanWordOnPaste) {
window.setTimeout("HTMLArea.wordCleanLater(" + owner._editorNo + ", false);", 50);
}
break;
default:
if (editor._toolbarObjects[editor.config.hotKeyList[key]]) {
cmd = editor.config.hotKeyList[key];
if(cmd == "FormatBlock") value = (HTMLArea.is_ie || HTMLArea.is_safari) ? "<p>" : "p";
}
}
}
}
if(cmd) {
editor.execCommand(cmd, false, value);
HTMLArea._stopEvent(ev);
return false;
} else {
editor.updateToolbar();
}
}
} else if (ev.altKey) {
// check if context menu is already handling this event
if(editor.plugins['ContextMenu'] && editor.plugins['ContextMenu'].instance) {
var keys = editor.plugins['ContextMenu'].instance.keys;
if (keys.length > 0) {
var k;
for (var i = keys.length; --i >= 0;) {
k = keys[i];
if (k[0].toLowerCase() == key) {
HTMLArea._stopEvent(ev);
return false;
}
}
}
}
} else if (keyEvent) {
if (HTMLArea.is_gecko) editor._detectURL(ev);
switch (ev.keyCode) {
case 13 : // KEY enter
if (HTMLArea.is_gecko && !ev.shiftKey && !editor.config.disableEnterParagraphs) {
editor._checkInsertP();
HTMLArea._stopEvent(ev);
editor.updateToolbar();
}
break;
case 8 : // KEY backspace
case 46 : // KEY delete
if ((HTMLArea.is_gecko && !ev.shiftKey) || HTMLArea.is_ie) {
if (editor._checkBackspace()) HTMLArea._stopEvent(ev);
}
// update the toolbar state after some time
if (editor._timerToolbar) window.clearTimeout(editor._timerToolbar);
editor._timerToolbar = window.setTimeout("HTMLArea.updateToolbar(" + editor._editorNumber + ");", 50);
break;
case 9: // KEY horizontal tab
if (HTMLArea.is_gecko) {
editor.execCommand( (ev.shiftKey ? "Outdent" : "Indent"), false, null);
HTMLArea._stopEvent(ev);
return false;
}
break;
case 37: // LEFT arrow key
case 39: // RIGHT arrow key
if (HTMLArea.is_ie) {
editor._timerToolbar = window.setTimeout("HTMLArea.updateToolbar(" + editor._editorNumber + ");", 10);
break;
}
}
}
} else {
// mouse event
if (editor._timerToolbar) window.clearTimeout(editor._timerToolbar);
if (ev.type == "mouseup") editor.updateToolbar();
else editor._timerToolbar = window.setTimeout("HTMLArea.updateToolbar(" + editor._editorNumber + ");", 50);
}
};

HTMLArea.prototype.scrollToCaret = function() {
var e = this.getParentElement(),
w = this._iframe.contentWindow ? this._iframe.contentWindow : window,
h = w.innerHeight || w.height,
d = this._doc,
t = d.documentElement.scrollTop || d.body.scrollTop;
if (typeof(h) == "undefined") return false;
if(e.offsetTop > h + t) w.scrollTo(e.offsetLeft,e.offsetTop - h + e.offsetHeight);
};

/*
* Retrieve the HTML
*/
HTMLArea.prototype.getHTML = function() {
switch (this._editMode) {
case "wysiwyg":
if(!this.config.fullPage) { return HTMLArea.getHTML(this._doc.body,false,this); }
else { return this.doctype + "\n" + HTMLArea.getHTML(this._doc.documentElement,true,this); }
case "textmode": return this._textArea.value;
}
return false;
};

/*
* Retrieve the HTML using the fastest method
*/
HTMLArea.prototype.getInnerHTML = function() {
switch (this._editMode) {
case "wysiwyg":
if(!this.config.fullPage) return this._doc.body.innerHTML;
else return this.doctype + "\n" + this._doc.documentElement.innerHTML;
case "textmode": return this._textArea.value;
}
return false;
};

/*
* Replace the HTML inside
*/
HTMLArea.prototype.setHTML = function(html) {
switch (this._editMode) {
case "wysiwyg":
if(!this.config.fullPage) this._doc.body.innerHTML = html;
else this._doc.body.innerHTML = html;
break;
case "textmode": this._textArea.value = html; break;
}
return false;
};

/*
* Set the given doctype when config.fullPage is true
*/
HTMLArea.prototype.setDoctype = function(doctype) {
this.doctype = doctype;
};

/***************************************************
* UTILITY FUNCTIONS
***************************************************/

// variable used to pass the object to the popup editor window.
HTMLArea._object = null;

/*
* Check if the client agent is supported
*/
HTMLArea.checkSupportedBrowser = function() {
if(HTMLArea.is_gecko && !HTMLArea.is_safari && !HTMLArea.is_opera) {
if(navigator.productSub < 20030210) return false;
}
return HTMLArea.is_gecko || HTMLArea.is_ie;
};

/* EventCache Version 1.0
* Copyright 2005 Mark Wubben
* Adaptation by Stanislas Rolland
* Provides a way for automatically removing events from nodes and thus preventing memory leakage.
* See <http://novemberborn.net/javascript/event-cache> for more information.
* This software is licensed under the CC-GNU LGPL <http://creativecommons.org/licenses/LGPL/2.1/>
* Event Cache uses an anonymous function to create a hidden scope chain. This is to prevent scoping issues.
*/
HTMLArea._eventCacheConstructor = function() {
var listEvents = [];

return ({
listEvents : listEvents,

add : function(node, sEventName, fHandler) {
listEvents.push(arguments);
},

flush : function() {
var item;
for (var i = listEvents.length; --i >= 0;) {
item = listEvents[i];
try {
HTMLArea._removeEvent(item[0], item[1], item[2]);
item[0][item[1]] = null;
item[0] = null;
item[2] = null;
} catch(e) { }
}
}
});
};

/*
* Register an event
*/
HTMLArea._addEvent = function(el,evname,func,useCapture) {
if (typeof(useCapture) == "undefined") var useCapture = false;
if (HTMLArea.is_gecko) {
el.addEventListener(evname, func, !HTMLArea.is_opera || useCapture);
} else {
el.attachEvent("on" + evname, func);
}
HTMLArea._eventCache.add(el, evname, func);
};

/*
* Register a list of events
*/
HTMLArea._addEvents = function(el,evs,func,useCapture) {
if (typeof(useCapture) == "undefined") var useCapture = false;
for (var i = evs.length; --i >= 0;) {
HTMLArea._addEvent(el,evs[i], func, useCapture);
}
};

/*
* Remove an event listener
*/
HTMLArea._removeEvent = function(el,evname,func) {
if(HTMLArea.is_gecko) {
try { el.removeEventListener(evname, func, true); el.removeEventListener(evname, func, false); } catch(e) { }
} else {
try { el.detachEvent("on" + evname, func); } catch(e) { }
}
};

/*
* Remove a list of events
*/
HTMLArea._removeEvents = function(el,evs,func) {
for (var i = evs.length; --i >= 0;) { HTMLArea._removeEvent(el, evs[i], func); }
};

/*
* Stop event propagation
*/
HTMLArea._stopEvent = function(ev) {
if(HTMLArea.is_gecko) {
ev.stopPropagation();
ev.preventDefault();
} else {
ev.cancelBubble = true;
ev.returnValue = false;
}
};

/*
* Remove a class name from the class attribute
*/
HTMLArea._removeClass = function(el, removeClassName) {
if(!(el && el.className)) return;
var cls = el.className.trim().split(" ");
var ar = new Array();
for (var i = cls.length; i > 0;) {
if (cls[--i] != removeClassName) ar[ar.length] = cls[i];
}
if (ar.length == 0) {
if (!HTMLArea.is_opera) el.removeAttribute(HTMLArea.is_gecko ? "class" : "className");
else el.className = '';
} else el.className = ar.join(" ");
};

/*
* Add a class name to the class attribute
*/
HTMLArea._addClass = function(el, addClassName) {
HTMLArea._removeClass(el, addClassName);
if (el.className) el.className += " " + addClassName;
else el.className = addClassName;
};

/*
* Check if a class name is in the class attribute
*/
HTMLArea._hasClass = function(el, className) {
if (!el || !el.className) return false;
var cls = el.className.split(" ");
for (var i = cls.length; i > 0;) {
if(cls[--i] == className) return true;
}
return false;
};

HTMLArea.RE_blockTags = /^(body|p|h1|h2|h3|h4|h5|h6|ul|ol|pre|dl|div|noscript|blockquote|form|hr|table|fieldset|address|td|tr|th|li|tbody|thead|tfoot|iframe|object)$/;
HTMLArea.isBlockElement = function(el) { return el && el.nodeType == 1 && HTMLArea.RE_blockTags.test(el.nodeName.toLowerCase()); };
HTMLArea.RE_closingTags = /^(p|span|a|li|ol|ul|dl|dt|td|th|tr|tbody|thead|tfoot|caption|table|div|em|i|strong|b|code|cite|blockquote|q|dfn|abbr|acronym|font|center|object|embed|tt|style|script|title|head|clickenlarge)$/;
HTMLArea.RE_noClosingTag = /^(img|br|hr|input|area|base|link|meta|param)$/;
HTMLArea.needsClosingTag = function(el) { return el && el.nodeType == 1 && !HTMLArea.RE_noClosingTag.test(el.tagName.toLowerCase()); };

/*
* Perform HTML encoding of some given string
* Borrowed in part from Xinha (is not htmlArea) - http://xinha.gogo.co.nz/
*/
HTMLArea.htmlDecode = function(str) {
str = str.replace(/&lt;/g, "<").replace(/&gt;/g, ">");
str = str.replace(/&nbsp;/g, "\xA0"); // Decimal 160, non-breaking-space
str = str.replace(/&quot;/g, "\x22");
str = str.replace(/&#39;/g, "'") ;
str = str.replace(/&amp;/g, "&");
return str;
};
HTMLArea.htmlEncode = function(str) {
if (typeof(str) != 'string') str = str.toString(); // we don't need regexp for that, but.. so be it for now.
// Let's not do it twice
str = HTMLArea.htmlDecode(str);
str = str.replace(/&/g, "&amp;");
str = str.replace(/</g, "&lt;").replace(/>/g, "&gt;");
str = str.replace(/\xA0/g, "&nbsp;"); // Decimal 160, non-breaking-space
str = str.replace(/\x22/g, "&quot;"); // \x22 means '"'
str = str.replace(HTMLArea.Reg_entities, "&$1;"); // keep numeric entities
return str;
};

/*
* Retrieve the HTML code from the given node.
* This is a replacement for getting innerHTML, using standard DOM calls.
* Wrapper catches a Mozilla-Exception with non well-formed html source code.
*/
HTMLArea.getHTML = function(root, outputRoot, editor){
try {
return HTMLArea.getHTMLWrapper(root,outputRoot,editor);
} catch(e) {
HTMLArea._appendToLog("The HTML document is not well-formed.");
if(!HTMLArea._debugMode) alert(HTMLArea.I18N.msg["HTML-document-not-well-formed"]);
else return HTMLArea.getHTMLWrapper(root,outputRoot,editor);
return editor._doc.body.innerHTML;
}
};

HTMLArea.getHTMLWrapper = function(root, outputRoot, editor) {
var html = "";
if(!root) return html;
switch (root.nodeType) {
case 1: // ELEMENT_NODE
case 11: // DOCUMENT_FRAGMENT_NODE
case 9: // DOCUMENT_NODE
var closed, i, config = editor.config;
var root_tag = (root.nodeType == 1) ? root.tagName.toLowerCase() : '';
if (root_tag == 'br' && config.removeTrailingBR && !root.nextSibling && HTMLArea.isBlockElement(root.parentNode) && (!root.previousSibling || root.previousSibling.nodeName.toLowerCase() != 'br')) break;
if (config.htmlRemoveTagsAndContents && config.htmlRemoveTagsAndContents.test(root_tag)) break;
var custom_tag = (config.customTags && config.customTags.test(root_tag));
var empty_root = (root_tag == "clickenlarge" && !(root.firstChild && root.firstChild.nodeName.toLowerCase() == "img"));
if (outputRoot) outputRoot = !(config.htmlRemoveTags && config.htmlRemoveTags.test(root_tag)) && !empty_root;
if ((HTMLArea.is_ie || HTMLArea.is_safari) && root_tag == "head") {
if(outputRoot) html += "<head>";
var save_multiline = RegExp.multiline;
RegExp.multiline = true;
var txt = root.innerHTML.replace(HTMLArea.RE_tagName, function(str, p1, p2) {
return p1 + p2.toLowerCase();
});
RegExp.multiline = save_multiline;
html += txt;
if(outputRoot) html += "</head>";
break;
} else if (outputRoot) {
if (HTMLArea.is_gecko && root.hasAttribute('_moz_editor_bogus_node')) break;
closed = (!(root.hasChildNodes() || HTMLArea.needsClosingTag(root) || custom_tag));
html = "<" + root_tag;
var a, name, value, attrs = root.attributes;
var n = attrs.length;
for (i = attrs.length; --i >= 0 ;) {
a = attrs.item(i);
name = a.nodeName.toLowerCase();
if ((!a.specified && name != 'value') || /_moz|contenteditable|_msh/.test(name)) continue;
if (!HTMLArea.is_ie || name != "style") {
// IE5.5 reports wrong values. For this reason we extract the values directly from the root node.
// Using Gecko the values of href and src are converted to absolute links unless we get them using nodeValue()
if (typeof(root[a.nodeName]) != "undefined" && name != "href" && name != "src" && name != "style" && !/^on/.test(name)) {
value = root[a.nodeName];
} else {
value = a.nodeValue;
if (HTMLArea.is_ie && (name == "href" || name == "src")) value = editor.stripBaseURL(value);
}
} else { // IE fails to put style in attributes list.
value = root.style.cssText;
}
// Mozilla reports some special values; we don't need them.
if(/(_moz|^$)/.test(value)) continue;
// Strip value="0" reported by IE on all li tags
if(HTMLArea.is_ie && root_tag == "li" && name == "value" && a.nodeValue == 0) continue;
html += " " + name + '="' + HTMLArea.htmlEncode(value) + '"';
}
if (html != "") html += closed ? " />" : ">";
}
for (i = root.firstChild; i; i = i.nextSibling) {
if (/^li$/i.test(i.tagName) && !/^[ou]l$/i.test(root.tagName)) html += "<ul>" + HTMLArea.getHTMLWrapper(i, true, editor) + "</ul>";
else html += HTMLArea.getHTMLWrapper(i, true, editor);
}
if (outputRoot && !closed) html += "</" + root_tag + ">";
break;
case 3: // TEXT_NODE
html = /^(script|style)$/i.test(root.parentNode.tagName) ? root.data : HTMLArea.htmlEncode(root.data);
break;
case 8: // COMMENT_NODE
if (!editor.config.htmlRemoveComments) html = "<!--" + root.data + "-->";
break;
case 4: // Node.CDATA_SECTION_NODE
// Mozilla seems to convert CDATA into a comment when going into wysiwyg mode, don't know about IE
html += '<![CDATA[' + root.data + ']]>';
break;
case 5: // Node.ENTITY_REFERENCE_NODE
html += '&' + root.nodeValue + ';';
break;
case 7: // Node.PROCESSING_INSTRUCTION_NODE
// PI's don't seem to survive going into the wysiwyg mode, (at least in moz) so this is purely academic
html += '<?' + root.target + ' ' + root.data + ' ?>';
break;
default:
break;
}
return html;
};

HTMLArea.getPrevNode = function(node) {
if(!node) return null;
if(node.previousSibling) return node.previousSibling;
if(node.parentNode) return node.parentNode;
return null;
};

HTMLArea.getNextNode = function(node) {
if(!node) return null;
if(node.nextSibling) return node.nextSibling;
if(node.parentNode) return node.parentNode;
return null;
};

HTMLArea.removeFromParent = function(el) {
if(!el.parentNode) return;
var pN = el.parentNode;
pN.removeChild(el);
return el;
};

HTMLArea.prototype.stripBaseURL = function(string) {
var baseurl = this.config.baseURL;

// strip to last directory in case baseurl points to a file
baseurl = baseurl.replace(/[^\/]+$/, '');
var basere = new RegExp(baseurl);
string = string.replace(basere, "");

// strip host-part of URL which is added by MSIE to links relative to server root
baseurl = baseurl.replace(/^(https?:\/\/[^\/]+)(.*)$/, '$1');
basere = new RegExp(baseurl);
return string.replace(basere, "");
};

String.prototype.trim = function() {
return this.replace(/^\s+/, '').replace(/\s+$/, '');
};

// creates a rgb-style color from a number
HTMLArea._makeColor = function(v) {
if (typeof(v) != "number") {
// already in rgb (hopefully); IE doesn't get here.
return v;
}
// IE sends number; convert to rgb.
var r = v & 0xFF;
var g = (v >> 8) & 0xFF;
var b = (v >> 16) & 0xFF;
return "rgb(" + r + "," + g + "," + b + ")";
};

// returns hexadecimal color representation from a number or a rgb-style color.
HTMLArea._colorToRgb = function(v) {
if (!v)
return '';

// returns the hex representation of one byte (2 digits)
function hex(d) {
return (d < 16) ? ("0" + d.toString(16)) : d.toString(16);
};

if (typeof(v) == "number") {
// we're talking to IE here
var r = v & 0xFF;
var g = (v >> 8) & 0xFF;
var b = (v >> 16) & 0xFF;
return "#" + hex(r) + hex(g) + hex(b);
}

if (v.substr(0, 3) == "rgb") {
// in rgb(...) form -- Mozilla
var re = /rgb\s*\(\s*([0-9]+)\s*,\s*([0-9]+)\s*,\s*([0-9]+)\s*\)/;
if (v.match(re)) {
var r = parseInt(RegExp.$1);
var g = parseInt(RegExp.$2);
var b = parseInt(RegExp.$3);
return "#" + hex(r) + hex(g) + hex(b);
}
// doesn't match RE?! maybe uses percentages or float numbers
// -- FIXME: not yet implemented.
return null;
}

if (v.substr(0, 1) == "#") {
// already hex rgb (hopefully :D )
return v;
}

// if everything else fails ;)
return null;
};

/** Use XML HTTPRequest to post some data back to the server and do something
* with the response (asyncronously!), this is used by such things as the spellchecker update personal dict function
*/
HTMLArea._postback = function(url, data, handler, addParams, charset) {
if (typeof(charset) == "undefined") var charset = "utf-8";
var req = null;
if (window.XMLHttpRequest) req = new XMLHttpRequest();
else if (window.ActiveXObject) {
var success = false;
for (var k = 0; k < HTMLArea.MSXML_XMLHTTP_PROGIDS.length && !success; k++) {
try {
req = new ActiveXObject(HTMLArea.MSXML_XMLHTTP_PROGIDS[k]);
success = true;
} catch (e) { }
}
}
if(req) {
var content = '';
for (var i in data) content += (content.length ? '&' : '') + i + '=' + encodeURIComponent(data[i]);
content += (content.length ? '&' : '') + 'charset=' + charset;
if (typeof(addParams) != "undefined") content += addParams;
if (url.substring(0,1) == '/') {
var postUrl = _typo3_host_url + url;
} else {
var postUrl = _typo3_host_url + _editor_url + url;
}
function callBack() {
if(req.readyState == 4) {
if (req.status == 200) {
if (typeof(handler) == 'function') handler(req.responseText, req);
HTMLArea._appendToLog("[HTMLArea::_postback]: Server response: " + req.responseText);
} else {
HTMLArea._appendToLog("ERROR [HTMLArea::_postback]: Unable to post " + postUrl + " . Server reported " + req.statusText);
}
}
}
req.onreadystatechange = callBack;
function sendRequest() {
HTMLArea._appendToLog("[HTMLArea::_postback]: Request: " + content);
req.send(content);
}
req.open('POST', postUrl, true);
req.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
window.setTimeout(sendRequest, 500);
}
};

/***************************************************
* MODAL DIALOG
***************************************************/
/*
* Modal dialog pseudo-object
*/
Dialog = function(url, action, init, width, height, opener, editor, scrollbars) {
Dialog._open(url, action, init, (width?width:100), (height?height:100), opener, editor, scrollbars);
};

/*
* Open modal popup window
*/
Dialog._open = function(url, action, init, width, height, _opener, editor, scrollbars) {
if (typeof(Dialog._modal) == "object" && typeof(Dialog._modal.close) == "function") {
Dialog._modal.close();
Dialog._modal = null;
}
var dlg = window.open(url, 'hadialog', "toolbar=no,location=no,directories=no,menubar=no,width=" + width + ",height=" + height + ",scrollbars=" + scrollbars + ",resizable=yes,modal=yes,dependent=yes,top=100,left=100");
var obj = new Object();
obj.dialogWindow = dlg;
Dialog._dialog = obj;
Dialog._modal = dlg;
Dialog._arguments = null;
if (typeof(init) != "undefined") { Dialog._arguments = init; }
// Capture focus events
function capwin(w) {
if (HTMLArea.is_gecko) { w.addEventListener("focus", function(ev) { Dialog._parentEvent(ev); }, false); }
else { HTMLArea._addEvent(w, "focus", function(ev) { Dialog._parentEvent(ev); }); }
for (var i=0;i < w.frames.length;i++) { capwin(w.frames[i]); }
}
capwin(window);
// Close dialog window
function closeDialog() {
if (Dialog._dialog && Dialog._dialog.dialogWindow) {
Dialog._dialog.dialogWindow.close();
Dialog._dialog = null;
}
if (dlg && !dlg.closed) {
dlg.close();
dlg = null;
}
return false;
}

// make up a function to be called when the Dialog ends.
Dialog._return = function (val) {
if(val && action) { action(val); }

// release the captured events
function relwin(w) {
HTMLArea._removeEvent(w, "focus", function(ev) { Dialog._parentEvent(ev); });
try { for (var i=0;i < w.frames.length;i++) { relwin(w.frames[i]); } } catch(e) { }
}
relwin(window);

HTMLArea._removeEvent(window, "unload", closeDialog);
Dialog._dialog = null;
};

// capture unload events
HTMLArea._addEvent(dlg, "unload", function() { if (typeof(Dialog) != "undefined") Dialog._return(null); return false; });
HTMLArea._addEvent(window, "unload", closeDialog);
};

Dialog._parentEvent = function(ev) {
if (Dialog._modal && !Dialog._modal.closed) {
if (!ev) var ev = window.event;
var target = (ev.target) ? ev.target : ev.srcElement;
Dialog._modal.focus();
HTMLArea._stopEvent(ev);
}
return false;
};

/*
* Request modal dialog
* Receives an URL to the popup dialog, an action function that receives one value and an initialization object.
* The action function will get called after the dialog is closed, with the return value of the dialog.
*/
HTMLArea.prototype._popupDialog = function(url, action, init, width, height, _opener, scrollbars) {
if (typeof(_opener) == "undefined" || !_opener) var _opener = (this._iframe.contentWindow ? this._iframe.contentWindow : window);
if (typeof(scrollbars) == "undefined") var scrollbars = "no";
Dialog(this.popupURL(url), action, init, width, height, _opener, this, scrollbars);
};

/**
* Internet Explorer returns an item having the _name_ equal to the given id, even if it's not having any id.
* This way it can return a different form field even if it's not a textarea. This works around the problem by
* specifically looking to search only elements having a certain tag name.
*/
HTMLArea.getElementById = function(tag, id) {
var el, i, objs = document.getElementsByTagName(tag);
for (i = objs.length; --i >= 0 && (el = objs[i]);) {
if (el.id == id) return el;
}
return null;
};

/*
* Hide the popup window
*/
HTMLArea.edHidePopup = function() {
Dialog._modal.close();
setTimeout( "if (typeof(browserWin) != 'undefined' && typeof(browserWin.focus) == 'function') browserWin.focus();", 200);
};

/***************************************************
* TYPO3-SPECIFIC FUNCTIONS
***************************************************/
/*
* Set the size of textarea with the RTE. It's called, if we are in fullscreen-mode.
*/
var setRTEsizeByJS = function(divId, height, width) {
if (HTMLArea.is_gecko) height = height - 25;
else height = height - 60;
if (height > 0) document.getElementById(divId).style.height = height + "px";
if (HTMLArea.is_gecko) width = "99%";
else width = "97%";
document.getElementById(divId).style.width = width;
};

/*
* Extending the TYPO3 Lorem Ipsum extension
*/
var lorem_ipsum = function(element,text) {
if (element.tagName.toLowerCase() == "textarea" && element.id && element.id.substr(0,7) == "RTEarea") {
var editor = RTEarea[element.id.substr(7,8)]["editor"];
editor.insertHTML(text);
editor.updateToolbar();
}
};

/*
* Initialize the editor, configure the toolbar, setup the plugins, etc.
*/
HTMLArea.initTimer = [];

HTMLArea.onGenerateHandler = function(editorNumber) {
return (function() {
document.getElementById('pleasewait' + editorNumber).style.display = 'none';
document.getElementById('editorWrap' + editorNumber).style.visibility = 'visible';
editorNumber = null;
});
};

HTMLArea.initEditor = function(editorNumber) {
if(HTMLArea.checkSupportedBrowser()) {
document.getElementById('pleasewait' + editorNumber).style.display = 'block';
document.getElementById('editorWrap' + editorNumber).style.visibility = 'hidden';
if(HTMLArea.initTimer[editorNumber]) window.clearTimeout(HTMLArea.initTimer[editorNumber]);
if(!HTMLArea.is_loaded) {
HTMLArea.initTimer[editorNumber] = window.setTimeout( "HTMLArea.initEditor(" + editorNumber + ");", 150);
} else {
var RTE = RTEarea[editorNumber];
var config = new HTMLArea.Config();
// Get the toolbar config
config.toolbar = RTE["toolbar"];
// create an editor for the textarea
RTE["editor"] = new HTMLArea(RTE["id"], config);
var editor = RTE["editor"];
// Save the editornumber in the object
editor._typo3EditerNumber = editorNumber;
editor._editorNumber = editorNumber;
config = editor.config;
config.buttons = RTE["buttons"];
config.hideTableOperationsInToolbar = RTE["hideTableOperationsInToolbar"] ? RTE["hideTableOperationsInToolbar"] : false;
config.disableLayoutFieldsetInTableOperations = RTE["disableLayoutFieldsetInTableOperations"] ? RTE["disableLayoutFieldsetInTableOperations"] : false;
config.disableAlignmentFieldsetInTableOperations = RTE["disableAlignmentFieldsetInTableOperations"] ? RTE["disableAlignmentFieldsetInTableOperations"] : false;
config.disableSpacingFieldsetInTableOperations = RTE["disableSpacingFieldsetInTableOperations"] ? RTE["disableSpacingFieldsetInTableOperations"] : false;
config.disableBordersFieldsetInTableOperations = RTE["disableBordersFieldsetInTableOperations"] ? RTE["disableBordersFieldsetInTableOperations"] : false;
config.disableColorFieldsetInTableOperations = RTE["disableColorFieldsetInTableOperations"] ? RTE["disableColorFieldsetInTableOperations"] : false;
config.disablePCexamples = RTE["disablePCexamples"] ? RTE["disablePCexamples"] : false;
for (var plugin in RTE["plugin"]) {
if(RTE["plugin"][plugin]) { editor.registerPlugin(plugin); }
}
if(RTE["defaultPageStyle"]) config.defaultPageStyle = RTE["defaultPageStyle"];
if(RTE["pageStyle"]) config.pageStyle = RTE["pageStyle"];
if(RTE["fontname"]) config.FontName = RTE["fontname"];
if(RTE["fontsize"]) config.FontSize = RTE["fontsize"];
if(RTE["colors"]) config.colors = RTE["colors"];
if(RTE["disableColorPicker"]) config.disableColorPicker = RTE["disableColorPicker"];
if(RTE["paragraphs"]) config.FormatBlock = RTE["paragraphs"];
config.width = "auto";
config.height = "auto";
config.sizeIncludesToolbar = true;
config.fullPage = false;
config.useHTTPS = RTE["useHTTPS"] ? RTE["useHTTPS"] : false;
config.disableEnterParagraphs = RTE["disableEnterParagraphs"] ? RTE["disableEnterParagraphs"] : false;
config.removeTrailingBR = RTE["removeTrailingBR"] ? RTE["removeTrailingBR"] : false;
config.keepButtonGroupTogether = (RTE["keepButtonGroupTogether"] && HTMLArea.is_gecko && !HTMLArea.is_wamcom && !HTMLArea.is_opera) ? RTE["keepButtonGroupTogether"] : false;
config.useCSS = RTE["useCSS"] ? RTE["useCSS"] : false;
config.enableMozillaExtension = RTE["enableMozillaExtension"] ? RTE["enableMozillaExtension"] : false;
config.statusBar = RTE["statusBar"] ? RTE["statusBar"] : false;
config.cleanWordOnPaste = RTE["enableWordClean"] ? true : false;
config.htmlRemoveTags = RTE["htmlRemoveTags"] ? RTE["htmlRemoveTags"] : null;
config.htmlRemoveTagsAndContents = RTE["htmlRemoveTagsAndContents"] ? RTE["htmlRemoveTagsAndContents"] : null;
config.htmlRemoveComments = RTE["htmlRemoveComments"] ? true : false;
editor.onGenerate = HTMLArea.onGenerateHandler(editorNumber);
editor.generate();
return false;
}
} else {
document.getElementById('pleasewait' + editorNumber).style.display = 'none';
document.getElementById('editorWrap' + editorNumber).style.visibility = 'visible';
}
};
(4-4/4)