Enhancing Visual Formatter

Millie

Hello

I need to modify the visual formatter to add a new button.

Specifically, when the button is pressed I want to launch a new dialgoue requesting the user to indicate the properties that should be applied to a popup window using javascript (window.open method).

I would prefer to do this using pure javascript within the DCT (or an included file) rather than editing visualformatconfig.xml etc.

I have been able to create a toolbar and add buttons to it (as per the vf documentation), but I can't see a way of binding a callback to the clicking of a toolbar button.

I may have missed something, so apologies if its a case of RTFM.

Thanks

Millie

further information - here's the code I have in my DCT

function init()
{
IWEventRegistry.addItemHandler("/root/page_header", "onItemChange", onChangeHandler);
}

function eWebEditProExecCommand(sEditorName, strCmdName, strTextData, lData)
{
alert("editor name " + sEditorName);
alert("command name " + sCmdName);
if("jssample1" == strCmdName)
{
alert("you clikced sample1");
}
}

function onChangeHandler()
{
alert("here");
var eWebEditPro = top._dcWin.eWebEditPro;
for (i in eWebEditPro.instances)
{
alert("found " + i );
}
var seditorname = "MyContent1";
var objInstance = eWebEditPro.instances[seditorname];
var objMenu = objInstance.editor.Toolbars();
// This shows how to create a menu.
objMenu.ToolbarAdd("SampleMenu", "This is an External Menu", 0, 0, 0, 0, "");
// This shows how to add commands to a menu.
objMenu.CommandAdd("jssample1", "Sample Command 1", "Sample Command 1", "key", 0, 0, "SampleMenu", 0,-1);
objMenu.CommandAdd("jssample2", "Sample Command 2", "Sample Command 2", "key", 0, 0,
"SampleMenu", 0, -1);
objMenu.CommandAdd("jssample3", "Sample Command 3", "Sample Command 3", "key", 0, 0, "SampleMenu", 0, -1);
objMenu.CommandAdd("jssample4", "Sample Command 4", "Sample Command 4", "key", 0, 0, "SampleMenu", 0, -1);
objMenu.CommandAdd("jssample5", "Sample Command 5", "Sample Command 5", "key", 0, 0, "SampleMenu", 0, -1);
// This shows how to disable an existing command.
objMenu.CommandItem("cmdcut").setProperty("CmdGray", true);
objMenu.CommandItem("cmdpaste").setProperty("CmdGray", true);

}

init();



The function eWebEditProExecCommand just doesn't get called!