", "Heading 1": "
"
};
if(RTE.options.commandBar.dropdowns) {
for(dropdown in RTE.options.commandBar.dropdowns) {
if(RTE.options.commandBar.dropdowns[dropdown].length > 0) {
var _dropdown = $("")
.attr("command", dropdown);
$.each(RTE.options.commandBar.dropdowns[dropdown], function(i, option) {
$("")
.appendTo(_dropdown);
});
_dropdown
.change(function() {
RTE.document.execCommand($(this).attr("command"), $.browser.msie ? $(this).val() : blockFormatMap[$(this).val()]);
})
.appendTo(commandBar);
}
}
}
if(RTE.options.commandBar.commands) {
$.each(RTE.options.commandBar.commands, function(i, command) {
var commandButton = $("");
switch(command.toUpperCase()) {
case "BACKCOLOR":
case "FORECOLOR":
commandButton
.click(function() {
RTE.colorTable
.css({
left: ($(this).offset().left + 10 + ($.browser.msie ? -2 : 7)) + "px",
top: ($(this).offset().top + 10 + ($.browser.msie ? -2 : 7)) + "px"
})
.show();
RTE.colorTable.find("button[color]")
.unbind("click")
.bind("click",
function() {
RTE.document.execCommand(command, $(this).attr("color"));
RTE.colorTable.find(".ColorRollover")
.hide();
}
);
return false;
});
break;
default:
commandButton
.click(function() {
RTE.document.execCommand(command, null);
return false;
});
break;
}
commandButton
.css(RTE.options.commandBar.commandButton.out.css)
.css((function() {
return RTE.options.commandBar.imageDirectory
?
{
background: "#C0C0C0 url(" + RTE.options.commandBar.imageDirectory + command.toLowerCase() + ".gif) no-repeat"
}
:
(function() {
commandButton.text(command);
return {}
})()
})())
.hover(
function() {
$(this)
.css(RTE.options.commandBar.commandButton.over.css)
return false;
},
function() {
$(this)
.css(RTE.options.commandBar.commandButton.out.css)
return false;
}
)
.mousedown(function() {
$(this)
.css(RTE.options.commandBar.commandButton.down.css)
})
.mouseup(function() {
$(this)
.css(RTE.options.commandBar.commandButton.up.css)
})
.appendTo(commandBar);
});
}
return commandBar.appendTo(RTE);
}
function getDocument(RTE) {
var width = RTE.options.css.width
?
(RTE.css("width").replace("px", "")-0 + ($.browser.msie ? 1 : -4)) + "px"
:
"",
document = $("")
.attr(RTE.options.document.attr)
.css("background", "#ffffff")
.css($.extend(RTE.options.document.css, {width: width}));
return document.wrap("").appendTo(RTE);
}
/**
* designMode $ plugin v0.1, by Emil Konow.
* This plugin allows you to handle functionality related to designMode in a cross-browser way.
*/
$.fn.contentDocument = function() {
var frame = this[0];
if (frame.contentDocument) {
return frame.contentDocument;
} else if (frame.contentWindow && frame.contentWindow.document) {
return frame.contentWindow.document;
} else if (frame.document) {
return frame.document;
} else {
return null;
}
}
$.fn.designMode = function(mode) {
// Default mode is 'on'
mode = mode || 'on';
this.each(function() {
if(mode.toUpperCase() == "OFF") {
if($.browser.msie) {
$(this).contentDocument().body.contentEditable = false;
} else {
$(this).contentDocument().designMode = mode;
}
} else {
if($.browser.msie) {
try {
$(this).contentDocument().body.contentEditable = true;
} catch(err) {
$(this).load(function() {
$(this).contentDocument().body.contentEditable = true;
});
}
} else {
$(this).contentDocument().designMode = mode;
$(this).load(function() {
$(this).contentDocument().designMode = mode;
});
}
}
});
return this;
}
$.fn.execCommand = function(cmd, param) {
this.each(function() {
var doc = $(this).contentDocument();
if (doc) {
// Use try-catch in case of invalid or unsupported commands
try {
// Non-IE-browsers requires all three arguments
doc.execCommand(cmd, false, param);
} catch (e) {
}
}
});
return this;
}
$.fn.richText = function() {
if(arguments[0]) {
if($(this).find("iframe").length > 0) {
$(this).find("iframe").contentDocument().body.innerHTML = arguments[0].replace(/\"/g,"'");
}
} else {
if($(this).find("iframe").length > 0) {
return $(this).find("iframe").contentDocument().body.innerHTML.replace(/\"/g,"'");
} else {
return "";
}
}
}
})(jQuery);
/*
* EXAMPLE USAGE:
* use jQuery("#richTextContainer").richTextEditor([options]) to create Rich Text Editor
* use jQuery("#richTextContainer").richText() to retrieve innerHTML of Rich Text Editor
* use the css sub-objects to adjust layout
eg. use absolute position to move document(iframe) object above commandBar object
* alter the commandBar's controls by modifying/removing the dropdowns/commands arrays
eg. remove the commandBar.dropdowns.fontName array to remove that control from commandBar
* you must specify the colorTable object to include the colorTabel (to avoid unnecessary processing time)
provide custom color pallatte by adding a "colorTable.colors" array at the root level
eg. colorTable: { colors: ["#000000", "White", etc...] }
jQuery("#richTextContainer").richTextEditor({
css: {
position: "absolute",
width: "520px"
},
colorTable: {},
commandBar: {
imageDirectory: "http://ak.imgfarm.com/images/fwp/myfuncards/RichTextEditor/",
css: {
background: "#C0C0C0",
border: "solid 1px Black",
borderBottom: "none",
padding: "2px"
},
dropdowns: {
formatBlock: [
"Normal",
"Paragraph",
"Heading 1",
"Heading 2",
"Heading 3",
"Heading 4",
"Heading 5",
"Heading 6",
"Address",
"Formatted"
],
fontName: [
"Arial",
"Courier",
"Times New Roman"
],
fontSize: [
"1",
"2",
"3",
"4",
"5",
"6",
"7"
]
},
commands: [
"bold",
"italic",
"underline",
"forecolor",
"backcolor",
"justifyleft",
"justifycenter",
"justifyright",
"outdent",
"indent"
],
commandButton: {
down: {
css: {
border: "inset 1px",
width: "23px",
height: "22px"
}
},
out: {
css: {
border: "solid 1px #C0C0C0",
width: "23px",
height: "22px"
}
},
over: {
css: {
border: "outset 1px",
width: "23px",
height: "22px"
}
},
up: {
css: {
border: "solid 1px #C0C0C0",
width: "23px",
height: "22px"
}
}
}
},
document: {
attr: {
frameBorder: "1"
},
css: {
background: "#ffffff",
height: "300px"
}
}
});
* COMMAND REFERENCE:
var commands = [
"2D-Position",
"AbsolutePosition",
"BackColor",
"BlockDirLTR",
"BlockDirRTL",
"Bold",
"BrowseMode",
"ClearAuthenticationCache",
"Copy",
"CreateBookmark",
"CreateLink",
"Cut",
"Delete",
"DirLTR",
"DirRTL",
"EditMode",
"FontName",
"FontSize",
"ForeColor",
"FormatBlock",
"Indent",
"InlineDirLTR",
"InlineDirRTL",
"InsertButton",
"InsertFieldset",
"InsertHorizontalRule",
"InsertIFrame",
"InsertImage",
"InsertInputButton",
"InsertInputCheckbox",
"InsertInputFileUpload",
"InsertInputHidden",
"InsertInputImage",
"InsertInputPassword",
"InsertInputRadio",
"InsertInputReset",
"InsertInputSubmit",
"InsertInputText",
"InsertMarquee",
"InsertOrderedList",
"InsertParagraph",
"InsertSelectDropdown",
"InsertSelectListbox",
"InsertTextArea",
"InsertUnorderedList",
"Italic",
"JustifyCenter",
"JustifyFull",
"JustifyLeft",
"JustifyNone",
"JustifyRight",
"LiveResize",
"MultipleSelection",
"Open",
"Outdent",
"OverWrite",
"Paste",
"PlayImage",
"Print",
"Redo",
"Refresh",
"RemoveFormat",
"RemoveParaFormat",
"SaveAs",
"SelectAll",
"SizeToControl",
"SizeToControlHeight",
"SizeToControlWidth",
"Stop",
"StopImage",
"StrikeThrough",
"Subscript",
"Superscript",
"UnBookmark",
"Underline",
"Undo",
"Unlink",
"Unselect"
];
*/