// Cross-Browser Rich Text Editor
// http://www.kevinroth.com/rte/demo.htm
// Written by Kevin Roth (kevin@NOSPAMkevinroth.com - remove NOSPAM)
//init variables
var isRichText = false;
var rng;
var currentRTE;
var allRTEs = "";
var isIE;
var isGecko;
var isSafari;
var imagesPath;
var includesPath;
var cssFile;
var baseUrl;
var base0='';
function initRTE(imgPath, incPath, css, baseurl, pBase0) {
base0 = pBase0;
//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);
//check to see if designMode mode is available
if (document.getElementById && document.designMode && !isSafari) {
isRichText = true;
}
//set paths vars
imagesPath = imgPath;
includesPath = incPath;
cssFile = css;
baseUrl = baseurl;
//for testing standard textarea, uncomment the following line
//isRichText = false;
}
function writeRichText(rte, html, width, height, buttons, readOnly, t_styles) {
if (isRichText) {
if (allRTEs.length > 0) allRTEs += ";";
allRTEs += rte;
writeRTE(rte, html, width, height, buttons, readOnly);
} else {
writeDefault(rte, html, width, height, buttons, readOnly);
}
}
function writeDefault(rte, html, width, height, buttons, readOnly) {
if (!readOnly) {
document.writeln('');
} else {
document.writeln('');
}
}
function writeRTE(rte, html, width, height, buttons, readOnly) {
if (readOnly) buttons = false;
if (buttons == true) {
document.writeln('');
document.writeln('
');
document.writeln('');
}
document.writeln('');
if (!readOnly) document.writeln('
Voir le code HTML');
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();
//oRTE.addEventListener("blur", updateRTE(rte), true);
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 + "');", 10);
} else {
return false;
}
}
}
}
function setText(rte, texte) {
enableDesignMode(rte, texte, false);
}
function updateRTEs() {
var vRTEs = allRTEs.split(";");
for (var i = 0; i < vRTEs.length; i++) {
updateRTE(vRTEs[i]);
}
}
function updateRTE(rte) {
//set message value
var oHdnMessage = document.getElementById('hdn' + rte);
var oRTE = document.getElementById(rte);
var readOnly = false;
//check for readOnly mode
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).checked = false;
toggleHTMLSrc(rte);
}
if (oHdnMessage.value == null) oHdnMessage.value = "";
if (document.all) {
contenu = frames[rte].document.body.innerHTML;
} else {
ocontenu = oRTE.contentWindow.document.body.innerHTML;
}
if (base0!='') {
base0 = base0.replace(/\//g,"\\/");
style = new RegExp(base0, "g");
contenu =contenu.replace(style,"");
}
oHdnMessage.value = contenu;
//if there is no content (other than formatting) set value to nothing
if (stripHTML(oHdnMessage.value.replace(" ", " ")) == "") oHdnMessage.value = "";
}
}
function toggleHTMLSrc(rte) {
//contributed by Bob Hutzel (thanks Bob!)
var oRTE;
if (document.all) {
oRTE = frames[rte].document;
} else {
oRTE = document.getElementById(rte).contentWindow.document;
}
if (document.getElementById("chkSrc" + rte).checked) {
document.getElementById("Buttons1_" + rte).style.visibility = "hidden";
document.getElementById("Buttons2_" + rte).style.visibility = "hidden";
if (document.all) {
oRTE.body.innerText = oRTE.body.innerHTML;
} else {
var htmlSrc = oRTE.createTextNode(oRTE.body.innerHTML);
oRTE.body.innerHTML = "";
oRTE.body.appendChild(htmlSrc);
}
} else {
document.getElementById("Buttons1_" + rte).style.visibility = "visible";
document.getElementById("Buttons2_" + rte).style.visibility = "visible";
if (document.all) {
oRTE.body.innerHTML = oRTE.body.innerText;
} else {
var htmlSrc = oRTE.body.ownerDocument.createRange();
htmlSrc.selectNodeContents(oRTE.body);
oRTE.body.innerHTML = htmlSrc.toString();
}
}
}
//Function to format text in the text box
function FormatText(rte, command, option) {
var oRTE;
if (document.all) {
oRTE = frames[rte];
//get current selected range
var selection = oRTE.document.selection;
if (selection != null) {
rng = selection.createRange();
}
} else {
oRTE = document.getElementById(rte).contentWindow;
//get currently selected range
var selection = oRTE.getSelection();
rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
}
try {
if ((command == "forecolor") || (command == "hilitecolor")) {
//save current values
parent.command = command;
currentRTE = rte;
//position and show color palette
buttonElement = document.getElementById(command + '_' + rte);
document.getElementById('cp' + rte).style.left = getOffsetLeft(buttonElement) + "px";
document.getElementById('cp' + rte).style.top = (getOffsetTop(buttonElement) + buttonElement.offsetHeight) + "px";
if (document.getElementById('cp' + rte).style.visibility == "hidden") {
document.getElementById('cp' + rte).style.visibility = "visible";
document.getElementById('cp' + rte).style.display = "inline";
} else {
document.getElementById('cp' + rte).style.visibility = "hidden";
document.getElementById('cp' + rte).style.display = "none";
}
} else if (command == "createlink") {
//var szURL = prompt("Enter a URL:", "");
args=new Array();
args["LinkUrl"] = "/cetheme/cetterubrique";
// window.open("visualeditor_insertlink?BASEURL="+baseUrl);
arr = showModalDialog( "visualeditor_insertlink?BASEURL="+baseUrl,
args,
"font-family:Verdana; font-size:11px; dialogWidth:40em; dialogHeight:52em");
try {
//ignore error for blank urls
oRTE.document.execCommand("Unlink", false, null);
if (arr["type"]=='000') {
linkUrl = arr["LinkUrl"];
}
if (arr["type"]=='111') {
linkUrl = 'javascript:ouvre("'+arr["LinkUrl"]+'?view_zoom=1")';
}
if (arr["type"]=='222') {
linkUrl = arr["LinkUrl"];
}
oRTE.document.execCommand("CreateLink", false, linkUrl);
} catch (e) {
//do nothing
}
} else {
//oRTE.focus();
oRTE.document.execCommand(command, false, option);
//oRTE.focus();
}
} catch (e) {
alert("err"+e);
}
//cleanStyle(rte);
}
//Function to set color
function setColor(color) {
var rte = currentRTE;
var oRTE;
if (document.all) {
oRTE = frames[rte];
} else {
oRTE = document.getElementById(rte).contentWindow;
}
var parentCommand = parent.command;
if (document.all) {
//retrieve selected range
var sel = oRTE.document.selection;
if (parentCommand == "hilitecolor") parentCommand = "backcolor";
if (sel != null) {
var newRng = sel.createRange();
newRng = rng;
newRng.select();
}
} else {
//oRTE.focus();
}
oRTE.document.execCommand(parentCommand, false, color);
//oRTE.focus();
document.getElementById('cp' + rte).style.visibility = "hidden";
document.getElementById('cp' + rte).style.display = "none";
}
//Function to add image
function AddImage(rte) {
var oRTE;
if (document.all) {
oRTE = frames[rte];
//get current selected range
var selection = oRTE.document.selection;
if (selection != null) {
rng = selection.createRange();
}
} else {
oRTE = document.getElementById(rte).contentWindow;
//get currently selected range
var selection = oRTE.getSelection();
rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
}
/*
args=new Array();
args["LinkUrl"] = "/cetheme/cetterubrique";
arr = showModalDialog( "/lyon/portal_mediatheque/phototheque/MediathequeBrowse",
args,
"font-family:Verdana; font-size:11px; dialogWidth:60em; dialogHeight:52em");
imagePath = prompt('Enter Image URL:', 'http://');
if ((imagePath != null) && (imagePath != "")) {
//oRTE.focus();
oRTE.document.execCommand('InsertImage', false, imagePath);
}
*/
oRTE.document.execCommand('InsertImage', true, null);
//oRTE.focus();
}
//function to perform spell check
function checkspell() {
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 getOffsetTop(elm) {
var mOffsetTop = elm.offsetTop;
var mOffsetParent = elm.offsetParent;
while(mOffsetParent){
mOffsetTop += mOffsetParent.offsetTop;
mOffsetParent = mOffsetParent.offsetParent;
}
return mOffsetTop;
}
function getOffsetLeft(elm) {
var mOffsetLeft = elm.offsetLeft;
var mOffsetParent = elm.offsetParent;
while(mOffsetParent) {
mOffsetLeft += mOffsetParent.offsetLeft;
mOffsetParent = mOffsetParent.offsetParent;
}
return mOffsetLeft;
}
function Select(rte, selectname) {
var oRTE;
if (document.all) {
oRTE = frames[rte];
//get current selected range
var selection = oRTE.document.selection;
if (selection != null) {
rng = selection.createRange();
}
} else {
oRTE = document.getElementById(rte).contentWindow;
//get currently selected range
var selection = oRTE.getSelection();
rng = selection.getRangeAt(selection.rangeCount - 1).cloneRange();
}
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, '');
if (selected.substring(0,1)=='<') {
oRTE.document.execCommand(cmd, false, selected);
p = selection.createRange().parentElement();
p.className="";
}
else {
p = selection.createRange().parentElement();
p.className=selected;
oRTE.document.body.innerText = oRTE.document.body.innerHTML;
oRTE.document.body.innerHTML = oRTE.document.body.innerText;
}
document.getElementById(selectname).selectedIndex = 0;
}
//oRTE.focus();
}
function inspect(elm){
var str = "";
for (var i in elm){
str += i + ": " + elm.getAttribute(i) + "
\n";
}
w = window.open("","");
w.document.body.innerHTML=str;
}
function kb_handler(evt) {
var rte = evt.target.id;
//contributed by Anti Veeranna (thanks Anti!)
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) {
FormatText(rte, cmd, true);
//evt.target.ownerDocument.execCommand(cmd, false, true);
// stop the event bubble
evt.preventDefault();
evt.stopPropagation();
}
}
}
function docChanged (evt) {
alert('changed');
}
function stripHTML(oldString) {
var newString = oldString.replace(/(<([^>]+)>)/ig,"");
//replace carriage returns and line feeds
newString = escape(newString);
newString = newString.replace("%0D%0A"," ");
newString = newString.replace("%0A"," ");
newString = newString.replace("%0D"," ");
newString = unescape(newString);
//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 cleanStyle(rte) {
var oRTE;
if (document.all) {
oRTE = frames[rte];
} else {
oRTE = document.getElementById(rte).contentWindow;
}
html = oRTE.document.body.innerHTML;
style = /style\s*=\s*\"*[^\"]*\"/ig;
html =html.replace(style,"");
style = /class=MsoNormal/ig;
html =html.replace(style,"");
style = /]*>/ig;
html =html.replace(style,"");
style = /<\/font>/ig;
html =html.replace(style,"");
oRTE.document.body.innerHTML=html;
}