// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin@NOSPAMkevinroth.com - remove NOSPAM)
// Visit the support forums at http://www.kevinroth.com/forums/index.php?c=2
// This code is public domain. Redistribution and use of this code, with or without modification, is permitted.
//init variables
var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";
var isIE;
var isGecko;
var isSafari;
var isKonqueror;
var imagesPath;
var includesPath;
var cssFile;
var generateXHTML;
var lang = "en";
var encoding = "iso-8859-1";
function initRTE(imgPath, incPath, css, genXHTML) {
//set browser vars
var ua = navigator.userAgent.toLowerCase();
isIE = ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (ua.indexOf("webtv") == -1));
isGecko = (ua.indexOf("gecko") != -1);
isSafari = (ua.indexOf("safari") != -1);
isKonqueror = (ua.indexOf("konqueror") != -1);
generateXHTML = genXHTML;
//check to see if designMode mode is available
//Safari/Konqueror think they are designMode capable even though they are not
if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
isRichText = true;
}
if (isIE) {
document.onmouseover = raiseButton;
document.onmouseout = normalButton;
document.onmousedown = lowerButton;
document.onmouseup = raiseButton;
}
//set paths vars
imagesPath = imgPath;
includesPath = incPath;
cssFile = css;
if (isRichText) document.writeln('');
//for testing standard textarea, uncomment the following line
//isRichText = false;
}
function writeRichText(rte, html, width, height, buttons, readOnly, isRichText) {
if (isRichText) {
if (allRTEs.length > 0) allRTEs += ";";
allRTEs += rte;
if (readOnly) buttons = false;
//adjust minimum table widths
if (isIE) {
if (buttons && (width < 540)) width = 540;
var tablewidth = width;
} else {
if (buttons && (width < 540)) width = 540;
var tablewidth = width + 4;
}
document.writeln('
');
if (buttons == true) {
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln(' ');
document.writeln('
');
document.writeln('
');
document.writeln(' ');
document.writeln('
');
document.writeln('
');
document.writeln(' ');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
/// if (isIE) {
/// document.writeln('
');
/// }
// document.writeln('
');
// document.writeln('
');
// document.writeln('
');
// document.writeln('
');
// document.writeln('
');
// document.writeln('
');
// document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
}
document.writeln('');
if (!readOnly) document.writeln(' ');
document.writeln('');
document.writeln('');
document.writeln('
');
document.getElementById('hdn' + rte).value = html;
enableDesignMode(rte, html, readOnly);
} else {
if (!readOnly) {
document.writeln('');
} else {
document.writeln('');
}
}
}
function enableDesignMode(rte, html, readOnly) {
var frameHtml = "\n";
frameHtml += "\n";
//to reference your stylesheet, set href property below to your stylesheet path and uncomment
if (cssFile.length > 0) {
frameHtml += "\n";
} else {
frameHtml += "\n";
}
frameHtml += "\n";
frameHtml += "\n";
frameHtml += html + "\n";
frameHtml += "\n";
frameHtml += "";
if (document.all) {
var oRTE = frames[rte].document;
oRTE.open();
oRTE.write(frameHtml);
oRTE.close();
if (!readOnly) {
oRTE.designMode = "On";
frames[rte].document.attachEvent("onkeypress", function evt_ie_keypress(event) {ieKeyPress(event, rte);});
}
} else {
try {
if (!readOnly) document.getElementById(rte).contentDocument.designMode = "on";
try {
var oRTE = document.getElementById(rte).contentWindow.document;
oRTE.open();
oRTE.write(frameHtml);
oRTE.close();
if (isGecko && !readOnly) {
//attach a keyboard handler for gecko browsers to make keyboard shortcuts work
oRTE.addEventListener("keypress", geckoKeyPress, true);
}
} catch (e) {
alert("Error preloading content.");
}
} catch (e) {
//gecko may take some time to enable design mode.
//Keep looping until able to set.
if (isGecko) {
setTimeout("enableDesignMode('" + rte + "', '" + html + "', " + readOnly + ");", 10);
} else {
return false;
}
}
}
}
function updateRTE(rte) {
if (!isRichText) return;
//check for readOnly mode
var readOnly = false;
if (document.all) {
if (frames[rte].document.designMode != "On") readOnly = true;
} else {
if (document.getElementById(rte).contentDocument.designMode != "on") readOnly = true;
}
if (isRichText && !readOnly) {
//if viewing source, switch back to design view
if (document.getElementById("chkSrc" + rte).checked) document.getElementById("chkSrc" + rte).click();
setHiddenVal(rte);
}
}
function setHiddenVal(rte) {
//set hidden form field value for current rte
var oHdnField = document.getElementById('hdn' + rte);
//convert html output to xhtml (thanks Timothy Bell and Vyacheslav Smolin!)
if (oHdnField.value == null) oHdnField.value = "";
if (document.all) {
if (generateXHTML) {
oHdnField.value = get_xhtml(frames[rte].document.body, lang, encoding);
} else {
oHdnField.value = frames[rte].document.body.innerHTML;
}
} else {
if (generateXHTML) {
oHdnField.value = get_xhtml(document.getElementById(rte).contentWindow.document.body, lang, encoding);
} else {
oHdnField.value = document.getElementById(rte).contentWindow.document.body.innerHTML;
}
}
//if there is no content (other than formatting) set value to nothing
if (stripHTML(oHdnField.value.replace(" ", " ")) == "" &&
oHdnField.value.toLowerCase().search(" 0) {
mOffsetTop += mOffsetParent.offsetTop;
mOffsetParent = mOffsetParent.offsetParent;
parents_up--;
}
return mOffsetTop;
}
// Ernst de Moor: Fix the amount of digging parents up, in case the RTE editor itself is displayed in a div.
// KJR 11/12/2004 Changed to position palette based on parent div, so palette will always appear in proper location regardless of nested divs
function getOffsetLeft(elm) {
var mOffsetLeft = elm.offsetLeft;
var mOffsetParent = elm.offsetParent;
var parents_up = 2;
while(parents_up > 0) {
mOffsetLeft += mOffsetParent.offsetLeft;
mOffsetParent = mOffsetParent.offsetParent;
parents_up--;
}
return mOffsetLeft;
}
function selectFont(rte, selectname) {
//function to handle font changes
var idx = document.getElementById(selectname).selectedIndex;
// First one is always a label
if (idx != 0) {
var selected = document.getElementById(selectname).options[idx].value;
var cmd = selectname.replace('_' + rte, '');
rteCommand(rte, cmd, selected);
document.getElementById(selectname).selectedIndex = 0;
}
}
function insertHTML(html) {
//function to add HTML -- thanks dannyuk1982
var rte = currentRTE;
var oRTE;
if (document.all) {
oRTE = frames[rte];
} else {
oRTE = document.getElementById(rte).contentWindow;
}
oRTE.focus();
if (document.all) {
var oRng = oRTE.document.selection.createRange();
oRng.pasteHTML(html);
oRng.collapse(false);
oRng.select();
} else {
oRTE.document.execCommand('insertHTML', false, html);
}
}
function showHideElement(element, showHide) {
//function to show or hide elements
//element variable can be string or object
if (document.getElementById(element)) {
element = document.getElementById(element);
}
if (showHide == "show") {
element.style.visibility = "visible";
} else if (showHide == "hide") {
element.style.visibility = "hidden";
}
}
function setRange(rte) {
//function to store range of current selection
var oRTE;
if (document.all) {
oRTE = frames[rte];
var selection = oRTE.document.selection;
if (selection != null) rng = selection.createRange();
} else {
oRTE = document.getElementById(rte).contentWindow;
var selection = oRTE.getSelection();
rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
}
return rng;
}
function stripHTML(oldString) {
//function to strip all html
var newString = oldString.replace(/(<([^>]+)>)/ig,"");
//replace carriage returns and line feeds
newString = newString.replace(/\r\n/g," ");
newString = newString.replace(/\n/g," ");
newString = newString.replace(/\r/g," ");
//trim string
newString = trim(newString);
return newString;
}
function trim(inputString) {
// Removes leading and trailing spaces from the passed string. Also removes
// consecutive spaces and replaces it with one space. If something besides
// a string is passed in (null, custom object, etc.) then return the input.
if (typeof inputString != "string") return inputString;
var retValue = inputString;
var ch = retValue.substring(0, 1);
while (ch == " ") { // Check for spaces at the beginning of the string
retValue = retValue.substring(1, retValue.length);
ch = retValue.substring(0, 1);
}
ch = retValue.substring(retValue.length - 1, retValue.length);
while (ch == " ") { // Check for spaces at the end of the string
retValue = retValue.substring(0, retValue.length - 1);
ch = retValue.substring(retValue.length - 1, retValue.length);
}
// Note that there are two spaces in the string - look for multiple spaces within the string
while (retValue.indexOf(" ") != -1) {
// Again, there are two spaces in each of the strings
retValue = retValue.substring(0, retValue.indexOf(" ")) + retValue.substring(retValue.indexOf(" ") + 1, retValue.length);
}
return retValue; // Return the trimmed string back to the user
}
//********************
//Gecko-Only Functions
//********************
function geckoKeyPress(evt) {
//function to add bold, italic, and underline shortcut commands to gecko RTEs
//contributed by Anti Veeranna (thanks Anti!)
var rte = evt.target.id;
if (evt.ctrlKey) {
var key = String.fromCharCode(evt.charCode).toLowerCase();
var cmd = '';
switch (key) {
case 'b': cmd = "bold"; break;
case 'i': cmd = "italic"; break;
case 'u': cmd = "underline"; break;
};
if (cmd) {
rteCommand(rte, cmd, null);
// stop the event bubble
evt.preventDefault();
evt.stopPropagation();
}
}
}
//*****************
//IE-Only Functions
//*****************
function ieKeyPress(evt, rte) {
var key = (evt.which || evt.charCode || evt.keyCode);
var stringKey = String.fromCharCode(key).toLowerCase();
//the following breaks list and indentation functionality in IE (don't use)
// switch (key) {
// case 13:
// //insert tag instead of
// //change the key pressed to null
// evt.keyCode = 0;
//
// //insert tag
// currentRTE = rte;
// insertHTML(' ');
// break;
// };
}
function checkspell() {
//function to perform spell check
try {
var tmpis = new ActiveXObject("ieSpell.ieSpellExtension");
tmpis.CheckAllLinkedDocuments(document);
}
catch(exception) {
if(exception.number==-2146827859) {
if (confirm("ieSpell not detected. Click Ok to go to download page."))
window.open("http://www.iespell.com/download.php","DownLoad");
} else {
alert("Error Loading ieSpell: Exception " + exception.number);
}
}
}
function raiseButton(e) {
var el = window.event.srcElement;
className = el.className;
if (className == 'rteImage' || className == 'rteImageLowered') {
el.className = 'rteImageRaised';
}
}
function normalButton(e) {
var el = window.event.srcElement;
className = el.className;
if (className == 'rteImageRaised' || className == 'rteImageLowered') {
el.className = 'rteImage';
}
}
function lowerButton(e) {
var el = window.event.srcElement;
className = el.className;
if (className == 'rteImage' || className == 'rteImageRaised') {
el.className = 'rteImageLowered';
}
}
function writeRichTextDOM(rte, html, width, height, buttons, readOnly, isRichText, divContainer) {
if (isRichText) {
if (allRTEs.length > 0) allRTEs += ";";
allRTEs += rte;
if (readOnly) buttons = false;
//adjust minimum table widths
if (isIE) {
if (buttons && (width < 540)) width = 540;
var tablewidth = width;
} else {
if (buttons && (width < 540)) width = 540;
var tablewidth = width + 4;
}
var divElm1 = document.createElement("div");
if (isIE) divElm1.setAttribute("className", "rteDiv");
else divElm1.setAttribute("class", "rteDiv");
divContainer.appendChild(divElm1);
if (buttons == true) {
// document.writeln('
');
var tableElm1 = document.createElement("table");
if (isIE) tableElm1.setAttribute("className", "rteBack");
else tableElm1.setAttribute("class", "rteBack");
tableElm1.setAttribute("cellpadding", "2");
tableElm1.setAttribute("cellspacing", "0");
tableElm1.setAttribute("id", "Buttons1_" + rte);
tableElm1.setAttribute("width", tablewidth);
divElm1.appendChild(tableElm1);
var tbodyElm1 = document.createElement('tbody');
tableElm1.appendChild(tbodyElm1);
// document.writeln('
');
var trElm1 = document.createElement("tr");
trElm1.setAttribute("align", "left");
tbodyElm1.appendChild(trElm1);
// document.writeln('
