Struts example source code file (Editor2.js)
This example Struts source code file (Editor2.js) is included in the DevDaily.com
"Java Source Code
Warehouse " project. The intent of this project is to help you "Learn Java by Example " TM
The Struts Editor2.js source code
/*
Copyright (c) 2004-2006, The Dojo Foundation
All Rights Reserved.
Licensed under the Academic Free License version 2.1 or above OR the
modified BSD license. For more information on Dojo licensing, see:
http://dojotoolkit.org/community/licensing.shtml
*/
dojo.provide("dojo.widget.Editor2");
dojo.require("dojo.io.*");
dojo.require("dojo.widget.RichText");
dojo.require("dojo.widget.Editor2Toolbar");
dojo.require("dojo.uri.cache");
dojo.widget.Editor2Manager = new dojo.widget.HandlerManager;
dojo.lang.mixin(dojo.widget.Editor2Manager, {_currentInstance:null, commandState:{Disabled:0, Latched:1, Enabled:2}, getCurrentInstance:function () {
return this._currentInstance;
}, setCurrentInstance:function (inst) {
this._currentInstance = inst;
}, getCommand:function (editor, name) {
var oCommand;
name = name.toLowerCase();
for (var i = 0; i < this._registeredHandlers.length; i++) {
oCommand = this._registeredHandlers[i](editor, name);
if (oCommand) {
return oCommand;
}
}
switch (name) {
case "htmltoggle":
oCommand = new dojo.widget.Editor2BrowserCommand(editor, name);
break;
case "formatblock":
oCommand = new dojo.widget.Editor2FormatBlockCommand(editor, name);
break;
case "anchor":
oCommand = new dojo.widget.Editor2Command(editor, name);
break;
case "createlink":
oCommand = new dojo.widget.Editor2DialogCommand(editor, name, {contentFile:"dojo.widget.Editor2Plugin.CreateLinkDialog", contentClass:"Editor2CreateLinkDialog", title:"Insert/Edit Link", width:"300px", height:"200px"});
break;
case "insertimage":
oCommand = new dojo.widget.Editor2DialogCommand(editor, name, {contentFile:"dojo.widget.Editor2Plugin.InsertImageDialog", contentClass:"Editor2InsertImageDialog", title:"Insert/Edit Image", width:"400px", height:"270px"});
break;
default:
var curtInst = this.getCurrentInstance();
if ((curtInst && curtInst.queryCommandAvailable(name)) || (!curtInst && dojo.widget.Editor2.prototype.queryCommandAvailable(name))) {
oCommand = new dojo.widget.Editor2BrowserCommand(editor, name);
} else {
dojo.debug("dojo.widget.Editor2Manager.getCommand: Unknown command " + name);
return;
}
}
return oCommand;
}, destroy:function () {
this._currentInstance = null;
dojo.widget.HandlerManager.prototype.destroy.call(this);
}});
dojo.addOnUnload(dojo.widget.Editor2Manager, "destroy");
dojo.lang.declare("dojo.widget.Editor2Command", null, function (editor, name) {
this._editor = editor;
this._updateTime = 0;
this._name = name;
}, {_text:"Unknown", execute:function (para) {
dojo.unimplemented("dojo.widget.Editor2Command.execute");
}, getText:function () {
return this._text;
}, getState:function () {
return dojo.widget.Editor2Manager.commandState.Enabled;
}, destroy:function () {
}});
dojo.widget.Editor2BrowserCommandNames = {"bold":"Bold", "copy":"Copy", "cut":"Cut", "Delete":"Delete", "indent":"Indent", "inserthorizontalrule":"Horizental Rule", "insertorderedlist":"Numbered List", "insertunorderedlist":"Bullet List", "italic":"Italic", "justifycenter":"Align Center", "justifyfull":"Justify", "justifyleft":"Align Left", "justifyright":"Align Right", "outdent":"Outdent", "paste":"Paste", "redo":"Redo", "removeformat":"Remove Format", "selectall":"Select All", "strikethrough":"Strikethrough", "subscript":"Subscript", "superscript":"Superscript", "underline":"Underline", "undo":"Undo", "unlink":"Remove Link", "createlink":"Create Link", "insertimage":"Insert Image", "htmltoggle":"HTML Source", "forecolor":"Foreground Color", "hilitecolor":"Background Color", "plainformatblock":"Paragraph Style", "formatblock":"Paragraph Style", "fontsize":"Font Size", "fontname":"Font Name"};
dojo.lang.declare("dojo.widget.Editor2BrowserCommand", dojo.widget.Editor2Command, function (editor, name) {
var text = dojo.widget.Editor2BrowserCommandNames[name.toLowerCase()];
if (text) {
this._text = text;
}
}, {execute:function (para) {
this._editor.execCommand(this._name, para);
}, getState:function () {
if (this._editor._lastStateTimestamp > this._updateTime || this._state == undefined) {
this._updateTime = this._editor._lastStateTimestamp;
try {
if (this._editor.queryCommandEnabled(this._name)) {
if (this._editor.queryCommandState(this._name)) {
this._state = dojo.widget.Editor2Manager.commandState.Latched;
} else {
this._state = dojo.widget.Editor2Manager.commandState.Enabled;
}
} else {
this._state = dojo.widget.Editor2Manager.commandState.Disabled;
}
}
catch (e) {
this._state = dojo.widget.Editor2Manager.commandState.Enabled;
}
}
return this._state;
}, getValue:function () {
try {
return this._editor.queryCommandValue(this._name);
}
catch (e) {
}
}});
dojo.lang.declare("dojo.widget.Editor2FormatBlockCommand", dojo.widget.Editor2BrowserCommand, {});
dojo.require("dojo.widget.FloatingPane");
dojo.widget.defineWidget("dojo.widget.Editor2Dialog", [dojo.widget.HtmlWidget, dojo.widget.FloatingPaneBase, dojo.widget.ModalDialogBase], {templateString:"<div id=\"${this.widgetId}\" class=\"dojoFloatingPane\">\n\t\n\t \t
\n\t\t
\n\t\t
\n\t\t
\n\t\t
\n\t \t
${this.title}
\n\t
\n\t
\n \n", modal:true, width:"", height:"", windowState:"minimized", displayCloseAction:true, contentFile:"", contentClass:"", fillInTemplate:function (args, frag) {
this.fillInFloatingPaneTemplate(args, frag);
dojo.widget.Editor2Dialog.superclass.fillInTemplate.call(this, args, frag);
}, postCreate:function () {
if (this.contentFile) {
dojo.require(this.contentFile);
}
if (this.modal) {
dojo.widget.ModalDialogBase.prototype.postCreate.call(this);
} else {
with (this.domNode.style) {
zIndex = 999;
display = "none";
}
}
dojo.widget.FloatingPaneBase.prototype.postCreate.apply(this, arguments);
dojo.widget.Editor2Dialog.superclass.postCreate.call(this);
if (this.width && this.height) {
with (this.domNode.style) {
width = this.width;
height = this.height;
}
}
}, createContent:function () {
if (!this.contentWidget && this.contentClass) {
this.contentWidget = dojo.widget.createWidget(this.contentClass);
this.addChild(this.contentWidget);
}
}, show:function () {
if (!this.contentWidget) {
dojo.widget.Editor2Dialog.superclass.show.apply(this, arguments);
this.createContent();
dojo.widget.Editor2Dialog.superclass.hide.call(this);
}
if (!this.contentWidget || !this.contentWidget.loadContent()) {
return;
}
this.showFloatingPane();
dojo.widget.Editor2Dialog.superclass.show.apply(this, arguments);
if (this.modal) {
this.showModalDialog();
}
if (this.modal) {
this.bg.style.zIndex = this.domNode.style.zIndex - 1;
}
}, onShow:function () {
dojo.widget.Editor2Dialog.superclass.onShow.call(this);
this.onFloatingPaneShow();
}, closeWindow:function () {
this.hide();
dojo.widget.Editor2Dialog.superclass.closeWindow.apply(this, arguments);
}, hide:function () {
if (this.modal) {
this.hideModalDialog();
}
dojo.widget.Editor2Dialog.superclass.hide.call(this);
}, checkSize:function () {
if (this.isShowing()) {
if (this.modal) {
this._sizeBackground();
}
this.placeModalDialog();
this.onResized();
}
}});
dojo.widget.defineWidget("dojo.widget.Editor2DialogContent", dojo.widget.HtmlWidget, {widgetsInTemplate:true, loadContent:function () {
return true;
}, cancel:function () {
this.parent.hide();
}});
dojo.lang.declare("dojo.widget.Editor2DialogCommand", dojo.widget.Editor2BrowserCommand, function (editor, name, dialogParas) {
this.dialogParas = dialogParas;
}, {execute:function () {
if (!this.dialog) {
if (!this.dialogParas.contentFile || !this.dialogParas.contentClass) {
alert("contentFile and contentClass should be set for dojo.widget.Editor2DialogCommand.dialogParas!");
return;
}
this.dialog = dojo.widget.createWidget("Editor2Dialog", this.dialogParas);
dojo.body().appendChild(this.dialog.domNode);
dojo.event.connect(this, "destroy", this.dialog, "destroy");
}
this.dialog.show();
}, getText:function () {
return this.dialogParas.title || dojo.widget.Editor2DialogCommand.superclass.getText.call(this);
}});
dojo.widget.Editor2ToolbarGroups = {};
dojo.widget.defineWidget("dojo.widget.Editor2", dojo.widget.RichText, function () {
this._loadedCommands = {};
}, {toolbarAlwaysVisible:false, toolbarWidget:null, scrollInterval:null, toolbarTemplatePath:dojo.uri.cache.set(dojo.uri.moduleUri("dojo.widget", "templates/EditorToolbarOneline.html"), "<div class=\"EditorToolbarDomNode EditorToolbarSmallBg\">\n\t\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\n\t\n\t\t\t\t\t\n\t\t\t\t\t\t<h> \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t \n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t-- format -- \n\t\t\t\t\t\tNormal \n\t\t\t\t\t\tFixed Font \n\t\t\t\t\t\tMain Heading \n\t\t\t\t\t\tSection Heading \n\t\t\t\t\t\tSub-Heading \n\t\t\t\t\t\t\n\t\t\t\t\t \n\t\t\t\t \n\t\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t
\n\n"), toolbarTemplateCssPath:null, toolbarPlaceHolder:"", _inSourceMode:false, _htmlEditNode:null, toolbarGroup:"", shareToolbar:false, contextMenuGroupSet:"", editorOnLoad:function () {
dojo.event.topic.publish("dojo.widget.Editor2::preLoadingToolbar", this);
if (this.toolbarAlwaysVisible) {
dojo.require("dojo.widget.Editor2Plugin.AlwaysShowToolbar");
}
if (this.toolbarWidget) {
this.toolbarWidget.show();
dojo.html.insertBefore(this.toolbarWidget.domNode, this.domNode.firstChild);
} else {
if (this.shareToolbar) {
dojo.deprecated("Editor2:shareToolbar is deprecated in favor of toolbarGroup", "0.5");
this.toolbarGroup = "defaultDojoToolbarGroup";
}
if (this.toolbarGroup) {
if (dojo.widget.Editor2ToolbarGroups[this.toolbarGroup]) {
this.toolbarWidget = dojo.widget.Editor2ToolbarGroups[this.toolbarGroup];
}
}
if (!this.toolbarWidget) {
var tbOpts = {shareGroup:this.toolbarGroup, parent:this};
tbOpts.templateString = dojo.uri.cache.get(this.toolbarTemplatePath);
if (this.toolbarTemplateCssPath) {
tbOpts.templateCssPath = this.toolbarTemplateCssPath;
tbOpts.templateCssString = dojo.uri.cache.get(this.toolbarTemplateCssPath);
}
if (this.toolbarPlaceHolder) {
this.toolbarWidget = dojo.widget.createWidget("Editor2Toolbar", tbOpts, dojo.byId(this.toolbarPlaceHolder), "after");
} else {
this.toolbarWidget = dojo.widget.createWidget("Editor2Toolbar", tbOpts, this.domNode.firstChild, "before");
}
if (this.toolbarGroup) {
dojo.widget.Editor2ToolbarGroups[this.toolbarGroup] = this.toolbarWidget;
}
dojo.event.connect(this, "close", this.toolbarWidget, "hide");
this.toolbarLoaded();
}
}
dojo.event.topic.registerPublisher("Editor2.clobberFocus", this, "clobberFocus");
dojo.event.topic.subscribe("Editor2.clobberFocus", this, "setBlur");
dojo.event.topic.publish("dojo.widget.Editor2::onLoad", this);
}, toolbarLoaded:function () {
}, registerLoadedPlugin:function (obj) {
if (!this.loadedPlugins) {
this.loadedPlugins = [];
}
this.loadedPlugins.push(obj);
}, unregisterLoadedPlugin:function (obj) {
for (var i in this.loadedPlugins) {
if (this.loadedPlugins[i] === obj) {
delete this.loadedPlugins[i];
return;
}
}
dojo.debug("dojo.widget.Editor2.unregisterLoadedPlugin: unknow plugin object: " + obj);
}, execCommand:function (command, argument) {
switch (command.toLowerCase()) {
case "htmltoggle":
this.toggleHtmlEditing();
break;
default:
dojo.widget.Editor2.superclass.execCommand.apply(this, arguments);
}
}, queryCommandEnabled:function (command, argument) {
switch (command.toLowerCase()) {
case "htmltoggle":
return true;
default:
if (this._inSourceMode) {
return false;
}
return dojo.widget.Editor2.superclass.queryCommandEnabled.apply(this, arguments);
}
}, queryCommandState:function (command, argument) {
switch (command.toLowerCase()) {
case "htmltoggle":
return this._inSourceMode;
default:
return dojo.widget.Editor2.superclass.queryCommandState.apply(this, arguments);
}
}, onClick:function (e) {
dojo.widget.Editor2.superclass.onClick.call(this, e);
if (dojo.widget.PopupManager) {
if (!e) {
e = this.window.event;
}
dojo.widget.PopupManager.onClick(e);
}
}, clobberFocus:function () {
}, toggleHtmlEditing:function () {
if (this === dojo.widget.Editor2Manager.getCurrentInstance()) {
if (!this._inSourceMode) {
var html = this.getEditorContent();
this._inSourceMode = true;
if (!this._htmlEditNode) {
this._htmlEditNode = dojo.doc().createElement("textarea");
dojo.html.insertAfter(this._htmlEditNode, this.editorObject);
}
this._htmlEditNode.style.display = "";
this._htmlEditNode.style.width = "100%";
this._htmlEditNode.style.height = dojo.html.getBorderBox(this.editNode).height + "px";
this._htmlEditNode.value = html;
with (this.editorObject.style) {
position = "absolute";
left = "-2000px";
top = "-2000px";
}
} else {
this._inSourceMode = false;
this._htmlEditNode.blur();
with (this.editorObject.style) {
position = "";
left = "";
top = "";
}
var html = this._htmlEditNode.value;
dojo.lang.setTimeout(this, "replaceEditorContent", 1, html);
this._htmlEditNode.style.display = "none";
this.focus();
}
this.onDisplayChanged(null, true);
}
}, setFocus:function () {
if (dojo.widget.Editor2Manager.getCurrentInstance() === this) {
return;
}
this.clobberFocus();
dojo.widget.Editor2Manager.setCurrentInstance(this);
}, setBlur:function () {
}, saveSelection:function () {
this._bookmark = null;
this._bookmark = dojo.withGlobal(this.window, dojo.html.selection.getBookmark);
}, restoreSelection:function () {
if (this._bookmark) {
this.focus();
dojo.withGlobal(this.window, "moveToBookmark", dojo.html.selection, [this._bookmark]);
this._bookmark = null;
} else {
dojo.debug("restoreSelection: no saved selection is found!");
}
}, _updateToolbarLastRan:null, _updateToolbarTimer:null, _updateToolbarFrequency:500, updateToolbar:function (force) {
if ((!this.isLoaded) || (!this.toolbarWidget)) {
return;
}
var diff = new Date() - this._updateToolbarLastRan;
if ((!force) && (this._updateToolbarLastRan) && ((diff < this._updateToolbarFrequency))) {
clearTimeout(this._updateToolbarTimer);
var _this = this;
this._updateToolbarTimer = setTimeout(function () {
_this.updateToolbar();
}, this._updateToolbarFrequency / 2);
return;
} else {
this._updateToolbarLastRan = new Date();
}
if (dojo.widget.Editor2Manager.getCurrentInstance() !== this) {
return;
}
this.toolbarWidget.update();
}, destroy:function (finalize) {
this._htmlEditNode = null;
dojo.event.disconnect(this, "close", this.toolbarWidget, "hide");
if (!finalize) {
this.toolbarWidget.destroy();
}
dojo.widget.Editor2.superclass.destroy.call(this);
}, _lastStateTimestamp:0, onDisplayChanged:function (e, forceUpdate) {
this._lastStateTimestamp = (new Date()).getTime();
dojo.widget.Editor2.superclass.onDisplayChanged.call(this, e);
this.updateToolbar(forceUpdate);
}, onLoad:function () {
try {
dojo.widget.Editor2.superclass.onLoad.call(this);
}
catch (e) {
dojo.debug(e);
}
this.editorOnLoad();
}, onFocus:function () {
dojo.widget.Editor2.superclass.onFocus.call(this);
this.setFocus();
}, getEditorContent:function () {
if (this._inSourceMode) {
return this._htmlEditNode.value;
}
return dojo.widget.Editor2.superclass.getEditorContent.call(this);
}, replaceEditorContent:function (html) {
if (this._inSourceMode) {
this._htmlEditNode.value = html;
return;
}
dojo.widget.Editor2.superclass.replaceEditorContent.apply(this, arguments);
}, getCommand:function (name) {
if (this._loadedCommands[name]) {
return this._loadedCommands[name];
}
var cmd = dojo.widget.Editor2Manager.getCommand(this, name);
this._loadedCommands[name] = cmd;
return cmd;
}, shortcuts:[["bold"], ["italic"], ["underline"], ["selectall", "a"], ["insertunorderedlist", "\\"]], setupDefaultShortcuts:function () {
var exec = function (cmd) {
return function () {
cmd.execute();
};
};
var self = this;
dojo.lang.forEach(this.shortcuts, function (item) {
var cmd = self.getCommand(item[0]);
if (cmd) {
self.addKeyHandler(item[1] ? item[1] : item[0].charAt(0), item[2] == undefined ? self.KEY_CTRL : item[2], exec(cmd));
}
});
}});
Other Struts examples (source code examples)
Here is a short list of links related to this Struts Editor2.js source code file:
The search page
Other Struts source code examples at this package level
Click here to learn more about this project
