// conceptuel Rich Text Editor
// http://www.conceptuel.co.uk
//
// version 1.03
// Introduce Reduced Interface version
// Produce xhtml output
//
// version 1.02
// Improve compatibility with Mozilla Browser
// Replace Link picker from a javascript prompt to a popup window
//
// version 1.01
// Replace Image picker from a javascript prompt to a popup window
//
// version 1.00
// change core application to support multiple languages
// Add Smiley picker
//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 language;
var encoding;
function initRTE(imgPath, incPath, css, lang) {
//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);
//check to see if designMode mode is available
if (document.getElementById && document.designMode && !isSafari && !isKonqueror) {
isRichText = true;
}
if(!isIE) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT | Event.MOUSEDOWN | Event.MOUSEUP);
document.onmouseover = raiseButton;
document.onmouseout = normalButton;
document.onmousedown = lowerButton;
document.onmouseup = raiseButton;
//set paths vars
imagesPath = imgPath;
includesPath = incPath;
cssFile = css;
switch(lang) {
case 'FR' :
language = 'fr';
encoding = 'iso-8859-1';
break;
case 'EN' :
default :
language = 'en';
encoding = 'iso-8859-1';
break;
}
}
function writeRichText(rte, html, width, height, buttons, readOnly, reduced) {
if (reduced) {
if (isNaN(width)) {
width = 378;
}
if (width < 378) {
width = 378;
}
}
else {
if (isNaN(width)) {
width = 505;
}
if (width < 505) {
width = 505;
}
}
if (isNaN(height)) {
height = 100;
}
if (height < 100) {
height = 100;
}
if (isRichText) {
if (allRTEs.length > 0) allRTEs += ";";
allRTEs += rte;
writeRTE(rte, html, width, height, buttons, readOnly, language, reduced);
} else {
writeDefault(rte, html, width, height, buttons, readOnly);
}
}
function writeDefault(rte, html, width, height, buttons, readOnly) {
if (html == '') {
html = "";
}
if (!readOnly) {
document.writeln('');
} else {
document.writeln('');
}
}
function raiseButton(e) {
if (isIE) {
var el = window.event.srcElement;
} else {
var el= e.target;
}
className = el.className;
if (className == 'btnImage' || className == 'btnImageLowered') {
el.className = 'btnImageRaised';
}
}
function normalButton(e) {
if (isIE) {
var el = window.event.srcElement;
} else {
var el= e.target;
}
className = el.className;
if (className == 'btnImageRaised' || className == 'btnImageLowered') {
el.className = 'btnImage';
}
}
function lowerButton(e) {
if (isIE) {
var el = window.event.srcElement;
} else {
var el= e.target;
}
className = el.className;
if (className == 'btnImage' || className == 'btnImageRaised') {
el.className = 'btnImageLowered';
}
}
function writeRTE(rte, html, width, height, buttons, readOnly, language, reduced) {
if (isIE) {
var tablewidth = width;
} else {
var tablewidth = width + 4;
}
if (html == '') {
html = "";
}
switch(language) {
case 'fr' :
var styleWord = 'Style';
var fontWord = 'Fontes';
var sizeWord = 'Taille';
var boldWord = 'Gras';
var italicWord = 'Italique';
var underlineWord = 'Souligné';
var alignLWord = 'Alignement à gauche';
var alignCWord = 'Alignement au centre';
var alignRWord = 'Alignement à droite';
var alignFWord = 'Alignement justifié';
var rulerWord = 'Ajouter une barre horizontale';
var orderWord = 'Numerotation'
var unorderWord = 'Puces'
var outdentWord = 'Diminuer le retrait'
var indentWord = 'Augmenter le retrait'
var textColorWord = 'Couleur du texte'
var backColorWord = 'Couleur de fond du texte'
var linkWord = 'Ajouter un hyperlien'
var imageWord = 'Ajouter une image'
break;
case 'en' :
default :
var styleWord = 'Style';
var fontWord = 'Font';
var sizeWord = 'Size';
var boldWord = 'Bold';
var italicWord = 'Italic';
var underlineWord = 'Underline';
var alignLWord = 'Align Left';
var alignCWord = 'Center';
var alignRWord = 'Align Right';
var alignFWord = 'Justify Full';
var rulerWord = 'Horizontal Rule';
var orderWord = 'Ordered List'
var unorderWord = 'Unordered List'
var outdentWord = 'Outdent'
var indentWord = 'Indent'
var textColorWord = 'Text Color'
var backColorWord = 'Background Color'
var linkWord = 'Insert Link'
var imageWord = 'Add Image'
break;
}
if (readOnly) buttons = false;
if (buttons == true) {
document.writeln('');
if (!reduced) {
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 (!reduced) {
document.writeln('
');
}
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
if (!reduced) {
document.writeln('
');
document.writeln('
');
document.writeln('
');
}
document.writeln('
');
document.writeln('
');
if (!reduced) {
document.writeln('
');
}
document.writeln('
');
document.writeln('
');
if (!reduced) {
document.writeln('
');
document.writeln('
');
document.writeln('
');
}
document.writeln('
');
if (!reduced) {
document.writeln('
');
}
document.writeln('
');
document.writeln('
');
document.writeln('
');
document.writeln('
');
}
document.writeln('');
document.writeln('');
document.getElementById('hdn' + rte).value = html;
enableDesignMode(rte, html, readOnly);
}
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";
}
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";
} 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", kb_handler, 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 updateRTEs() {
var vRTEs = allRTEs.split(";");
for (var i = 0; i < vRTEs.length; i++) {
updateRTE(vRTEs[i]);
}
}
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) {
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) {
oHdnField.value = get_xhtml(frames[rte].document.body, language, encoding);
}
else {
oHdnField.value = get_xhtml(document.getElementById(rte).contentWindow.document.body, language, encoding);
}
//if there is no content (other than formatting) set value to nothing
if (stripHTML(oHdnField.value.replace(" ", " ")) == "" &&
oHdnField.value.toLowerCase().search("]+)>)/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
}
function popup(page,popupname,height,width) {
var topPosition = (screen.height - height) / 2;
var leftPosition = (screen.width - width) / 2;
var windowprops = "width=" + width + ",height=" + height + ",top=" + topPosition + ",left=" + leftPosition + ",location=no,menubar=no,toolbar=no,scrollbars=no,resizable=no,status=no";
newWindow = window.open(page,popupname,windowprops);
}
function dlgInsertLink(rte, command) {
//function to open/close insert linke dialog
//save current values
parent.command = command;
currentRTE = rte;
//get currently highlighted text and set link text value
setRange(rte);
var linkText = '';
if (isIE) {
linkText = stripHTML(rng.htmlText);
} else {
linkText = stripHTML(rng.toString());
}
popup('conceptRTEurl.html?language=' + language + '&rte=' + rte + '&text=' + linkText, 'selectUrl',400,500);
}
function insertHTML(html) {
//function to add HTML
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 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;
}
/*==============================================================================
HTML2XHTML Converter 1.5
========================
Copyright (c) 2004-2006 Vyacheslav Smolin
Author:
-------
Vyacheslav Smolin (http://www.richarea.com, http://html2xhtml.richarea.com,
re@richarea.com)
About the script:
-----------------
HTML2XHTML Converter (H2X) generates a well formed XHTML string from a HTML DOM
object.
Requirements:
-------------
H2X works in MS IE 5.0 for Windows or above, in Netscape 7.1, Mozilla 1.3 or
above. It should work in all Mozilla based browsers.
Usage:
------
Please see description of function get_xhtml below.
Demo:
-----
http://html2xhtml.richarea.com/, http://www.richarea.com/demo/
License:
--------
Free for non-commercial using. Please contact author for commercial licenses.
==============================================================================*/
//add \n before opening tag
var need_nl_before = '|div|p|table|tbody|tr|td|th|title|head|body|script|comment|li|meta|h1|h2|h3|h4|h5|h6|hr|ul|ol|option|link|';
//add \n after opening tag
var need_nl_after = '|html|head|body|p|th|style|';
var re_comment = new RegExp();
re_comment.compile("^$");
var re_hyphen = new RegExp();
re_hyphen.compile("-$");
// Convert inner text of node to xhtml
// Call: get_xhtml(node);
// get_xhtml(node, lang, encoding) -- to convert whole page
// other parameters are for inner usage and should be omitted
// Parameters:
// node - dom node to convert
// lang - document lang (need it if whole page converted)
// encoding - document charset (need it if whole page converted)
// need_nl - if true, add \n before a tag if it is in list need_nl_before
// inside_pre - if true, do not change content, as it is inside a
function get_xhtml(node, lang, encoding, need_nl, inside_pre) {
var i;
var text = '';
var children = node.childNodes;
var child_length = children.length;
var tag_name;
var do_nl = need_nl?true:false;
var page_mode = true;
for (i=0;i tags parsed incorrectly by ie-dom
//so take their code and lowercase names of tags and attributes
if (document.all && tag_name == 'object') {
text += fix_object_code(child.outerHTML);
continue;
}
if (!need_nl && tag_name == 'body') { //html fragment mode
page_mode = false;
}
if (tag_name == '!') { //COMMENT_NODE in IE 5.0/5.5
//get comment inner text
var parts = re_comment.exec(child.text);
if (parts) {
//the last char of the comment text must not be a hyphen
var inner_text = parts[1];
text += fix_comment(inner_text);
}
} else {
if (tag_name == 'html'){
text = '\n\n';
}
//inset \n to make code more neat
if (need_nl_before.indexOf('|'+tag_name+'|') != -1) {
if ((do_nl || text != '') && !inside_pre) text += '\n';
else do_nl = true;
}
text += '<'+tag_name;
//add attributes
var attr = child.attributes;
var attr_length = attr.length;
var attr_value;
var attr_lang = false;
var attr_xml_lang = false;
var attr_xmlns = false;
var is_alt_attr = false;
for (j=0;j';
} else {
//these tags must have closing tags
//'a' included as otherwise Mozilla extends links
//on content coming after the link, that is wrong
if (tag_name == 'style' || tag_name == 'title' ||
tag_name == 'script' || tag_name == 'textarea' ||
tag_name == 'a') {
text += '>';
var inner_text;
if (tag_name == 'script') {
inner_text = child.text;
}else inner_text = child.innerHTML;
if (tag_name == 'style') {
inner_text = String(inner_text).replace(/[\n]+/g,'\n');
}
text += inner_text+'';
} else {
text += ' />';
}
}
}
break;
}
case 3: { //TEXT_NODE
if (!inside_pre) { //do not change text inside
tag
if (child.nodeValue != '\n') {
text += fix_entities(fix_text(child.nodeValue));
}
} else text += child.nodeValue;
break;
}
case 8: { //COMMENT_NODE
text += fix_comment(child.nodeValue);
break;
}
default:
break;
}
}
if (!need_nl && !page_mode) { //delete head and body tags from html fragment
text = text.replace(/<\/?head>[\n]*/gi, "");
text = text.replace(/
