/* Display Configures and displays the editor according to values passed */ function Display(hidden_field,path,fwidth,fheight,content){ hidden_name=hidden_field; // use this to define the name of the field that contains the HTML on submission viewMode=1; // by default, set to design view wysiwyg_path=path; // defines the path to use for the editor files (pallete, images, etc) frame_width=fwidth; // sets the width of the editor on screen frame_height=fheight; // sets the height of the editor on screen if( (browser.isWin32 && (browser.isGecko || browser.isIE5up)) || ((browser.isMac || browser.isLinux || browser.isUnix) && browser.isGecko)) { DisplayEditor(); LoadExistingContent(content); document.getElementById('wysiwyg_content').contentWindow.document.designMode='On'; document.getElementById('wysiwyg_content').contentWindow.document.open(); document.getElementById('wysiwyg_content').contentWindow.document.write('' + content); document.getElementById('wysiwyg_content').contentWindow.document.close(); }else{ ta_rows=Math.round(fheight/15); ta_cols=Math.round(fwidth/8); DisplayTextArea(); LoadExistingContent(content); } } /* DoTextFormat Performs specified commands on the selected text inside the IFRAME element */ function DoTextFormat(command, optn){ if(document.getElementById('wysiwyg_content').contentWindow.document.queryCommandEnabled(command)){ document.getElementById('wysiwyg_content').contentWindow.document.execCommand(command, false, optn); document.getElementById('wysiwyg_content').contentWindow.focus(); return true; }else{ document.getElementById('wysiwyg_content').contentWindow.focus(); return false; } } /* SetColor Used to set the text or highlight color of the selected text in Gecko engine browsers */ function SetColor(color){ elem=command+'0'; document.getElementById('wysiwyg_content').contentWindow.focus(); if(document.getElementById('wysiwyg_content').contentWindow.document.queryCommandEnabled(command)){ document.getElementById('wysiwyg_content').contentWindow.document.execCommand(command, false, color); }else return false; document.getElementById('wysiwyg_content').contentWindow.focus(); document.getElementById(elem).style.visibility='hidden'; return true; } /* SetColorIE Used to set the text or highlight color of the selected text in MSIE - uses a different method for pop-up pallete window */ function SetColorIE(command,args){ elem=command+'0'; buttonElement=document.getElementById(elem); var color = showModalDialog("palette-ie.html", 0, 'resizable: no; help: no; status: no; scroll: no;'); if(command=='hilitecolor') command='backcolor'; if(document.getElementById('wysiwyg_content').contentWindow.document.queryCommandEnabled(command)){ document.getElementById('wysiwyg_content').contentWindow.document.execCommand(command, false, color); }else return false; document.getElementById('wysiwyg_content').contentWindow.focus(); return true; } /* GetOffsetTop Used to define position of pop-up pallete window in Gecko browsers */ function GetOffsetTop(elm){ var mOffsetTop=elm.offsetTop; var mOffsetParent=elm.offsetParent; while(mOffsetParent){ mOffsetTop += mOffsetParent.offsetTop; mOffsetParent=mOffsetParent.offsetParent; } return mOffsetTop; } /* GetOffsetLeft Used to define position of pop-up pallete window in Gecko browsers */ function GetOffsetLeft(elm){ var mOffsetLeft=elm.offsetLeft; var mOffsetParent=elm.offsetParent; while(mOffsetParent){ mOffsetLeft += mOffsetParent.offsetLeft; mOffsetParent=mOffsetParent.offsetParent; } return mOffsetLeft; } /* ProcessInfo Used in the onSubmit event for the form. Puts the HTML content into a hidden form field for the submission */ function ProcessInfo(){ var htmlCode=document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML; document.getElementById('wysiwyg_hidden').value=htmlCode; return true; } /* LoadExistingContent Puts the passed content into the editor or textarea */ function LoadExistingContent(content){ document.getElementById('wysiwyg_hidden').value=content; } /* ToggleMode Toggles between design view and source view in the IFRAME element */ function ToggleMode(){ if(browser.isIE5up){ if(viewMode == 2){ document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML = document.getElementById('wysiwyg_content').contentWindow.document.body.innerText; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontFamily = ''; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontSize = ''; document.getElementById('wysiwyg_content').contentWindow.focus(); viewMode = 1; // WYSIWYG }else{ document.getElementById('wysiwyg_content').contentWindow.document.body.innerText = document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontFamily = 'monospace'; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontSize = '10pt'; document.getElementById('wysiwyg_content').contentWindow.focus(); viewMode = 2; // Code } }else{ if(viewMode == 2){ var html = document.getElementById('wysiwyg_content').contentWindow.document.body.ownerDocument.createRange(); html.selectNodeContents(document.getElementById('wysiwyg_content').contentWindow.document.body); document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML = html.toString(); document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontFamily = ''; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontSize = ''; document.getElementById('toolbars').style.visibility='visible'; viewMode = 1; // WYSIWYG }else{ var html = document.createTextNode(document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML); document.getElementById('wysiwyg_content').contentWindow.document.body.innerHTML = ''; document.getElementById('wysiwyg_content').contentWindow.document.body.appendChild(html); document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontFamily = 'monospace'; document.getElementById('wysiwyg_content').contentWindow.document.body.style.fontSize = '10pt'; document.getElementById('toolbars').style.visibility='hidden'; viewMode = 2; // Code } } } /* CheckSpelling Uses the ieSpell Active X control for MSIE browsers. */ function CheckSpelling(){ 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); } } /* InsertTable Used with Gecko browsers for inserting a table into the IFRAME content window */ function InsertTable(border,padding,spacing){ e = document.getElementById('wysiwyg_content'); colstext = prompt('Enter the number of columns per row.'); rowstext = prompt('Enter the number of rows to create.'); rows = parseInt(rowstext); cols = parseInt(colstext); if((rows > 0) && (cols > 0)){ table = e.contentWindow.document.createElement('table'); table.setAttribute('border', border); table.setAttribute('cellpadding', padding); table.setAttribute('cellspacing', spacing); tbody = e.contentWindow.document.createElement('tbody'); for (var i=0; i < rows; i++) { tr =e.contentWindow.document.createElement('tr'); for (var j=0; j < cols; j++) { td =e.contentWindow.document.createElement('td'); br =e.contentWindow.document.createElement('br'); td.appendChild(br); tr.appendChild(td); } tbody.appendChild(tr); } table.appendChild(tbody); insertNodeAtSelection(e.contentWindow, table); } } /* insertNodeAtSelection Used in the Gecko browser InsertTable function */ function insertNodeAtSelection(win, insertNode){ var sel = win.getSelection(); // get current selection var range = sel.getRangeAt(0); // get the first range of the selection (there's almost always only one range) sel.removeAllRanges(); // deselect everything range.deleteContents(); // remove content of current selection from document var container = range.startContainer; // get location of current selection var pos = range.startOffset; range=document.createRange(); // make a new range for the new selection if (container.nodeType==3 && insertNode.nodeType==3) { // if we insert text in a textnode, do optimized insertion container.insertData(pos, insertNode.nodeValue); // put cursor after inserted text range.setEnd(container, pos+insertNode.length); range.setStart(container, pos+insertNode.length); }else{ var afterNode; if (container.nodeType==3) { // when inserting into a textnode we create 2 new textnodes and put the insertNode in between var textNode = container; container = textNode.parentNode; var text = textNode.nodeValue; var textBefore = text.substr(0,pos); // text before the split var textAfter = text.substr(pos); // text after the split var beforeNode = document.createTextNode(textBefore); var afterNode = document.createTextNode(textAfter); // insert the 3 new nodes before the old one container.insertBefore(afterNode, textNode); container.insertBefore(insertNode, afterNode); container.insertBefore(beforeNode, insertNode); // remove the old node container.removeChild(textNode); }else{ // else simply insert the node afterNode = container.childNodes[pos]; container.insertBefore(insertNode, afterNode); } } } /* DisplayEditor Used to display the actual wysiwyg editor */ function DisplayEditor(){ document.write(' '); document.write(' '); document.write(' '); document.write(' '); document.write(' '); document.write('

'); document.write(' '); document.write(' '); document.write(' '); document.write(' '); document.write('

'); document.write('

'); document.write(' '); document.write(' '); document.write('

'); document.write(' Negrita

'); document.write(' Cursiva

'); document.write(' Subrayado

'); document.write('

'); document.write(' Izquierda

'); document.write(' Centrar

'); document.write(' Derecha

'); document.write(' Ajustar

'); document.write('

'); document.write(' Crear lista

'); document.write(' Sangría

'); document.write(' Quitar sangría

'); document.write('

'); document.write(' Línea horizontal

'); document.write(' Quitar formato

'); // document.write('

'); // document.write(' Deshacer

'); // document.write(' Rehacer

'); // document.write('

'); // document.write(' Cortar

'); // document.write(' Pegar

'); // document.write(' Copiar

'); document.write('

'); document.write('

'); document.write(' '); // if(browser.isIE5up){ // document.write(' '); // document.write(' '); // }else{ // document.write(' '); // document.write(' '); // } document.write(' '); document.write(' '); document.write(' '); document.write(' '); document.write(' '); document.write('

'); document.write('

'); // if(browser.isIE5up) // document.write(' Spell Check

'); document.write(' Ver HTML

'); document.write('

'); document.write('

'); document.write('
'); } /* DisplayTextArea Displays a textarea input as well as a generic message to the user letting them know their browser does not support the programming */ function DisplayTextArea(){ document.write(''); document.write('
'); } /* UNUSED FUNCTIONS FROM OLD VERSION function setFont(font){ if(browser.isIE5up){ //retrieve selected range var sel=document.getElementById('wysiwyg_content').contentWindow.document.selection; if(sel!=null){ var newselectionRange=sel.createRange(); newselectionRange.select(); } }else{ document.getElementById('wysiwyg_content').contentWindow.focus(); } if(document.getElementById('wysiwyg_content').contentWindow.document.queryCommandEnabled(command)){ document.getElementById('wysiwyg_content').contentWindow.document.execCommand(command, false, color); }else return false; document.getElementById('wysiwyg_content').contentWindow.focus(); return true; } function doImage(mypic){ document.getElementById('wysiwyg_content').contentWindow.focus() if(viewMode==1){ thisimage=mypic.value; var x=document.getElementById('wysiwyg_content').contentWindow.document.selection.createRange(); x.execCommand('insertimage', false, thisimage); x.select(); document.getElementById('wysiwyg_content').contentWindow.focus() numPics++; } } */