scratch-pad to work on
if ( !this.oPad )
{
this.oPad = document.createElement('div');
this.oPad.style.position = 'absolute';
this.oPad.style.visibility = 'hidden';
this.oInsertionPoint.appendChild(this.oPad);
}
else
{
// clear anything that might have been there
this.oPad.innerHTML = '';
}
return this.oPad;
}
RichEdit.prototype.getHTML = function()
{
// return a compact version of HTML contents in text form
// remove the cursor first
var oCursorPos = this.getCursorPos();
if ( this.bInFocus )
{
this.oDiv.removeChild(this.oCursor);
}
var oPad = this.getScratchPad();
// iterate through each character-element or image
// and merge into the scratch-pad
var oElt = this.oDiv.firstChild;
var oPost = null;
while ( oElt )
{
if ( oPost &&
(oPost.tagName.toLowerCase() == 'span') &&
(oElt.tagName.toLowerCase() == 'span') &&
this.compareStyle(oPost,oElt) )
{
// styles are the same, so merge
oPost.innerHTML += oElt.innerHTML;
}
else
{
oPost = oElt.cloneNode(true);
oPad.appendChild(oPost);
}
oElt = oElt.nextSibling;
}
if ( this.bInFocus ) this.setCursorPos(oCursorPos.current);
return oPad.innerHTML;
}
RichEdit.prototype.setHTML = function(sHTML)
{
this.oDiv.innerHTML = '';
this.oLastCursorPos = null;
this.bInFocus = false;
// get a hidden scratchpad to work on
var oPad = this.getScratchPad();
oPad.innerHTML = sHTML;
// iterate through each element of oPad and extract text,
,
![]()
, etc
var oElt = oPad.firstChild;
if ( oElt.nodeType == 3 ) // text
{
this.insertText(sHTML);
}
else
{
while ( oElt )
{
var oNext = oElt.nextSibling;
if ( oElt.tagName.toLowerCase() == 'span' )
{
// must convert special HTML codes back to text so they
// can be translated properly by insertText()
var sText = oElt.innerHTML.replace('&','&');
sText = sText.replace('"','"');
sText = sText.replace(' ',' ');
sText = sText.replace('<','<');
sText = sText.replace('>','>');
sText = sText.replace(''',"'");
// insert the text from the element with the element's style
this.insertText(sText, oElt.style);
}
else
{
// don't know what it is, so insert it verbatim
this.insertNode(oElt);
}
oElt = oNext;
}
}
}
//=============================================================================
// Textbox event handlers
/*
RichEdit.prototype.onDivKeyUp = function(e)
{
var evt = e ? e : window.event;
this.oRichEdit.onKeyUp(evt);
}
*/
RichEdit.prototype.onDivKeyDown = function(e)
{
// fetch event object
var evt = e ? e : window.event;
this.oRichEdit.onKeyDown(evt);
}
RichEdit.prototype.onDivKeyPress = function(e)
{
// fetch event object
var evt = e ? e : window.event;
this.oRichEdit.onKeyPress(evt);
}
RichEdit.prototype.onDivFocus = function()
{
this.oRichEdit.onFocus();
}
RichEdit.prototype.onDivBlur = function()
{
this.oRichEdit.onBlur();
}
RichEdit.prototype.onDivClick = function()
{
if ( !this.oRichEdit.bInFocus )
{
this.oRichEdit.setCursorPos();
this.oRichEdit.focus();
}
}
RichEdit.prototype.onSpanClick = function()
{
this.oRichEdit.setCursorPos(this);
this.oRichEdit.focus();
}
RichEdit.prototype.insertImage = function(src)
{
// insert a new
![]()
element at the current position
var oImg = document.createElement('img');
oImg.src = src;
this.insertNode(oImg);
}
//