Ektron® eWebEditPro Developer's Reference Guide

Viewing and Editing HTML Content
The ViewAs Feature
This section describes elements that let users view and edit the HTML
content of their Web page.
The ViewAs feature determines whether or not users can view the HTML
source code. If you allow users to view source code, they do so by rightclicking
the mouse while the cursor is in the editor. When they do, two menu
options appear.
• View HTML - lets the user view the source code
• View WYSIWYG - returns the user to edit mode
If you allow users to view source code, you can further specify if they can
view only the body of the page or the entire page including the header.
Disabling Custom Toolbar Buttons View as HTML Mode
The following JavaScript is an example of how to disable (or gray-out) custom
toolbar buttons when the user selects "View As HTML". And, how to reenable
buttons when the user switches back to “View WYSIWYG".
1. Add the following to customevents.js or the page with the editor.
2. Specify the names of the commands in the myCustomCommands array.
var myCustomCommands = ["jsmycommand1", "jsmycommand2",
"jsmycommand3"];
function myUpdateButtonStatus(sEditorName, strCmdName, strTextData,
lData)
{
var bDisable = ("cmdviewashtml" == strCmdName);
var objInstance = eWebEditPro.instances[sEditorName];
var objMenu = objInstance.editor.Toolbars();
var objCommand = null;
for (var i = 0; i < myCustomCommands.length; i++)
{
objCommand = objMenu.CommandItem(myCustomCommands[i])
if (objCommand)
{
objCommand.setProperty("CmdGray", bDisable);
}
}
}
eWebEditProExecCommandHandlers["cmdviewashtml"] =
myUpdateButtonStatus;
eWebEditProExecCommandHandlers["cmdviewaswysiwyg"] =
myUpdateButtonStatus;
Ektron® eWebEditPro Developer’s Reference Guide, Release 5.1, Revision 1 327