', text: ei18n['zohodiscussions.editor.heading1']},//No I18N
{callBack:'getEditor(\'$id$\').insertHeading(\'h2\')', className: 'menuOptiontext', image: '" + newContent + "
";
}
$(this.document).find('body').html(newContent);
}
else
{
try
{
this.document.getElementById('ted').removeAttribute('id');
}
catch(ex){}
if(this.$boundTo.is(':visible'))
{
return this.$boundTo.val();
}
var $body = $(this.document).find('body');
removeNestedCodeBlocks ($body);
return $(this.document).find('body').html();
}
};//function val (newContent)
function removeNestedCodeBlocks($body)
{
//make sure we remove all multiple lines in code block and replace with single ol li
var $codeBlocks = $body.find('ol.code');
$codeBlocks.each(function (index, eachCodeBlock)
{
var codeBlockHTML = $(eachCodeBlock).html();
$(eachCodeBlock).get(0).innerHTML = codeBlockHTML.replace(/<\/?ol(\s[^>]*)?>/ig, '');
});//$codeBlocks.each(function (eachCodeBlock)
$codeBlocks.find ('> span, > div, > p').wrap('li');
}//function removeNestedCodeBlocks($body)
function removeNestedCodeBlocks_dombased ($body)
{
//make sure we remove all multiple lines in code block and replace with single ol li
var $codeBlocks = $body.find('ol.code');
//make sure there are no nested code blocks
var $nestedCode = $codeBlocks.find('ol.code');
while($nestedCode && $nestedCode.length > 0)
{
//nested ol.code blocks exist. Remove them
$nestedCode.each(function(index, eachNestedCode){
var $eachNestedCode = $(eachNestedCode);
$($eachNestedCode.html()).insertBefore($eachNestedCode);
});
$nestedCode.remove();
$nestedCode = $codeBlocks.find('ol.code');
}//while($nestedCode && $nestedCode.length > 0)
}//function removeNestedCodeBlocks ($body)
/*
* assigns basic toolbar events.
*/
Editor.prototype.bindToolBarEvents = function()
{
var $toolBarContainer = this.$editor.find('div.toolBar');
var thisEditor = this;
var menuSlideHandles = new Array();
//bind simple toolbar items that have a command to execute
$( 'div.toolBarItem', $toolBarContainer)
.hover(function(){$(this).addClass('toolBarItemHover')}, function(){$(this).removeClass('toolBarItemHover')})
.click(function(event)
{
var $this = $(this);
cmd = $this.attr('command');
assocMenu = $this.attr('assocMenu');
callBack = $this.attr('callBack');
$('div.menuOptions', $toolBarContainer).hide();
if(cmd)
{
thisEditor.execCommand(cmd);
event.preventDefault();
return false;
}
else if (assocMenu)
{
thisEditor.prepareForPopup();
$(assocMenu)
.css({left: $this.position().left, top : ($this.position().top + $this.outerHeight())})
.toggle();
}
else if(callBack)
{
eval(callBack);
}
});//$('div.toolBarItem').click(function(event)
$('div.menuOptions', $toolBarContainer).hover(
function()
{
id = '' + $(this).attr('id');
if(menuSlideHandles[id])
{
clearTimeout(menuSlideHandles[id]);
menuSlideHandles[id] = null;
}
},
function()
{
var $this = $(this);
menuSlideHandles[''+this.id] = setTimeout(function(){$this.hide();}, 500);
}
);//$('div.menuOptions').hover(
$('div.menuOption', $toolBarContainer)
.click(function(event){
var $this = $(this);
cmd = $this.parent().attr('command');
if(!cmd){
cmd = $this.attr('command');
if (cmd) {
$this.parent().parent().hide();
}
} else {
$this.parent().hide();
}
if(!cmd) {
callBack = $this.attr('callBack');
if(callBack) {
$this.parent().parent().hide();
eval(callBack);
} else {
return;
}
} else {
thisEditor.execCommand(cmd, $this.attr('option'),"true");
event.preventDefault();
return false;
}
})
.hover(
function(){$(this).addClass('menuHover');},
function(){$(this).removeClass('menuHover');}
);
$(this.document)
.keydown(function(event){thisEditor.routeEvents(event);})
.keypress(function(event){thisEditor.routeEvents(event);})
.mousedown(function(event){thisEditor.routeEvents(event);})
.mouseup(function(event){thisEditor.routeEvents(event);});
};//function bindToolBarEvents()
Editor.prototype.routeEvents = function(event)
{
if(event.type == "keydown" || event.type == "keypress")
{
if(event.keyCode == 116 || event.keyCode == 9)
{
//user pressed Ctrl-F5 or tab, ignore the event
if (event.keyCode == 9)
{
event.preventDefault();
event.stopPropagation();
//this.insertCustomHTML ('\t');
if ($.browser.msie)
{
this.prepareForPopup();
this.currRange.pasteHTML(" "); //No I18N
}
else
{this.document.execCommand('insertHTML', false, " ")}; //No I18N
}
return true;
}
if(event.ctrlKey)
{
var input = String.fromCharCode(event.keyCode).toLowerCase();
var cmd=null;
switch(input)
{
case 'b': cmd="bold";break;
case 'i': cmd="italic";break;
case 'u': cmd="underline";break;
case 'l': cmd="justifyleft";break;
case 'e': cmd="justifycenter";break;
case 'r': cmd="justifyright";break;
case 'j': cmd="justifyfull";break;
//case 't': cmd="indent";break;
//case 'd': cmd="outdent";break;
}//switch(input)
if(cmd)
{
this.execCommand(cmd);
this.updateToolBar();
this.$frame.focus();
event.preventDefault();
return false;
}//if(cmd)
}//if(event.ctrlKey)
else
{
/*var currKey = String.fromCharCode(event.keyCode).toLowerCase();
if (event.keyCode == 13)
{
//user pressed enter
var currentParent = this.getSelectedNode().parentNode;
while (currentParent)
{
if (currentParent.tagName.toLowerCase() == 'pre' && currentParent.className == 'likeCode')
{
break;
}
currentParent = currentParent.parentNode;
}
}*/
}
}//if(event.type == "keydown" || event.type == "keypress")
// This is for showing the context menu for links
this.showLinkContextMenu();
this.updateToolBar();
};//routeEvents(event)
Editor.prototype.execCommand = function(command, options,isMenu)
{
if(!options) options = null;
this.frame.focus();
if($.browser.msie && isMenu == "true")
{
if(command == "hilitecolor")
{
command = "backcolor";
}
this.currRange.select();
}
this.document.execCommand(command, false, options);
};
Editor.prototype.updateToolBar = function()
{
if(this.utimer)
clearTimeout(this.utimer);
var thisObj = this;
this.utimer = setTimeout(function(){thisObj.doUpdate();},100);
};
Editor.prototype.doUpdate = function()
{
var commands = $('div.toolBarItem', this.$editor).get();
for( var i = 0; i < commands.length; i ++)
{
var $menuOption = $(commands[i]);
var commandToCheck = $menuOption.attr('command');
try
{
if(this.document.queryCommandState(commandToCheck))
{
$menuOption.addClass('toolBarItemSelected');
}
else
{
$menuOption.removeClass('toolBarItemSelected');
}
}catch(ex){}
}//for( var i = 0; i < commands.length; i ++)
};//doUpdate = function()
Editor.prototype.getSelection = function()
{
//return window.te.getSelection ? window.te.getSelection() : this.document.selection;
return this.document.selection || this.$frame.get(0).getSelection();
};//Editor.prototype.getSelection = function()
Editor.prototype.getRange = function(selection)
{
seletion = selection || this.getSelection();
if(selection.createRange)
{
return selection.createRange();
}
else
{
//if (typeof selection != "undefined")
if(selection)
{
this.$frame.focus();
try
{
return selection.getRangeAt(0);
}
catch(e){}
}
return this.document.createRange();
}
return null;
};//Editor.prototype.getRange()
Editor.prototype.getSelectedNode = function()
{
var selection = this.getSelection();
var range = this.getRange(selection);
if(selection && selection.type && !$.browser.safari)
{
//ie.
switch (selection.type)
{
case "Text":
case "None":
return range.parentElement();
case "Control":
return range.item(0);
default:
return this.document.body;
}
}
else
{
try
{
var p = range.commonAncestorContainer;
if (
!range.collapsed
&&
range.startContainer == range.endContainer
&&
range.startOffset - range.endOffset <= 1
&&
range.startContainer.hasChildNodes()
)
{
p = range.startContainer.childNodes[range.startOffset];
}
while (p.nodeType == 3)
{
p = p.parentNode;
}
return p;
}
catch (e)
{
return null;
}
}
return null;
};//Editor.prototype.getSelectedNode ()
Editor.prototype.getParentAnchor = function(node)
{
if(!node) node = this.getSelectedNode();
if(!node) return null;
while(node.tagName && (node.tagName.toLowerCase() != 'a') && node.parentNode)
{
node = node.parentNode;
}
if(node.tagName && node.tagName.toLowerCase() == 'a')
{
return node;
}
else
{
return null;
}
};//Editor.prototype.getParentAnchor()
/**
* Retrieve the currently selected image
*/
Editor.prototype.getParentImage = function(node)
{
if(!node) node = this.getSelectedNode();
if(!node) return null;
while(node.tagName && (node.tagName.toLowerCase() != 'img') && node.parentNode)
{
node = node.parentNode;
}
if(node.tagName && node.tagName.toLowerCase() == 'img')
{
var firstParent = node.parentNode;
if (firstParent.tagName.toLowerCase() == "a") {
if (firstParent.parentNode.tagName.toLowerCase() == "span") {
node = firstParent.parentNode;
} else {
node = firstParent;
}
} else if (firstParent.tagName.toLowerCase() == "span") {
node = firstParent;
}
return node;
}
else
{
return null;
}
};//Editor.prototype.getParentImage()
Editor.prototype.showImageDialog = function()
{
$('#screen').show();
this.prepareForPopup();
var thisObj = this;
var parentImage = this.getParentImage();
this.options.imagePrompter(parentImage, function(linkToAdd){thisObj.addImage(linkToAdd)});
};//Editor.prototype.showImageDialog
Editor.prototype.showObjectDialog = function()
{
$('#screen').show();
// ######remove following prepareForPopup
//this.prepareForPopup();
var thisObj = this;
this.options.objectPrompter(function(linkToAdd){thisObj.insertObject(linkToAdd);});
};
Editor.prototype.showLinkDialog = function(parentAnchor)
{
$('#screen').show();
this.prepareForPopup();
if (!parentAnchor) {
parentAnchor = this.getParentAnchor();
if (!parentAnchor) {
// If the current selection is not a node, try to see if it is just a text
parentAnchor = this.currSelectedText;
}
}
this.options.linkPrompter(parentAnchor);
};//Editor.prototype.showLinkDialog
Editor.prototype.showHTMLMode = function()
{
if(! this.$boundTo.is(':visible'))
{
this.$boundTo.val(this.val());
this.$boundTo.show().focus();
this.$editor.hide();
var $backToEditor = $('Back to Editor
');
var _self = this;
$backToEditor.click (function()
{
var htmlValue = _self.$boundTo.val();
htmlValue = (htmlValue) ? htmlValue : ""; _self.$editor.show(); _self.$boundTo.hide(); _self.val(htmlValue); $backToEditor.hide().remove(); _self.bindContextMenuEvents(); });//$backToEditor.click (function() this.$boundTo.parent().append($backToEditor); }//if(! this.$boundTo.is(':visible')) }; function _simplePrompt(callBack) { var newUrl = prompt('Url to add'); if(newUrl) callBack(newUrl); } Editor.prototype.addImage = function (imageUrl, props) { var $myImageDialog = $("#imageDialog"); var toInsert = ""; if (props && props.linkTo && $.trim(props.linkTo)!= "") { toInsert = toInsert + "" } toInsert = toInsert + '
'+toInsert+'
';
this.insertCustomHTML (blockQuote);
blockQuote.parentNode.insertBefore(this.document.createElement('br'), blockQuote);
var newQuote = this.document.getElementById('__zd_newele__');
this.moveCursor(newQuote, true);
newQuote.id = '';
return;
};//addQuote
Editor.prototype.removeFormat = function()
{
this.prepareForPopup();
this.execCommand('removeFormat');
//loop through each child item
}
Editor.prototype.getHTMLFromCurrentRange = function()
{
var toInsert;
if($.browser.msie)
{
toInsert = this.currRange.htmlText;
toInsert = toInsert.replace(/(\r|\n)/ig, "").replace(/(<\/p>)/ig,""); } else { var df = this.currRange.cloneContents(); var tdiv = this.document.createElement("div"); tdiv.appendChild(df); toInsert = tdiv.innerHTML; } return toInsert; } Editor.prototype.code = function() { var toInsert= null; this.prepareForPopup(); var node = this.getSelectedNode(); toInsert = this.getHTMLFromCurrentRange(); /*if($.browser.msie) { toInsert = this.currRange.htmlText; toInsert = toInsert.replace(/(\r|\n)/ig, "").replace(/(
<\/p>)/ig,""); } else { var df = this.currRange.cloneContents(); var tdiv = this.document.createElement("div"); tdiv.appendChild(df); toInsert = tdiv.innerHTML; }*/ while (node && node.parentNode && node.parentNode.tagName) { if(node.parentNode.tagName.toLowerCase() == 'ol' && node.parentNode.className == 'code') { //there is already a ol tag for code. So, IF THE CONTENT IS EMPTY, then insert this next to that ol tag if (toInsert) { //user trying to create a new code block for something that already exists inside a code block. Do not allow this return; } else { //insert a new code block next to the current code block. //node = node.parentNode; var newCode = this.document.createElement('ol'); newCode.className = 'code'; newCode.innerHTML = '
|<\/div>/ig, '
"; this.insertCustomHTML(toInsert); };//inserthorizontalrule Editor.prototype.insertDate = function() { var currentDate = new Date(); var toInsert = currentDate.getFullYear() + '-' + currentDate.getMonth() + '-' + currentDate.getDate(); this.insertCustomHTML(toInsert); };//insertDate Editor.prototype.insertTime = function() { var currentDate = new Date(); var hour = currentDate.getHours(); var minutes = currentDate.getMinutes(); var seconds = currentDate.getSeconds(); hour = (hour < 10) ? "0" + hour : hour; minutes = (minutes < 10) ? "0" + minutes : minutes; seconds = (seconds < 10) ? "0" + seconds : seconds; var toInsert = hour + ':' + minutes + ':' + seconds; this.insertCustomHTML(toInsert); };//insertTime /* * private function to construct the editor */ function createToolBar (toolBarDef) { var toolBarHTML = ''; return toolBarHTML; }//function createToolBar (toolBarDef) /*helper function to build menu dropdowns*/ function buildMenuOptions(menuOptionDef, menuOptions) { var toLoop = menuOptions; if (!menuOptionDef.menuCommand) { var menuOptionHTML = '