drag image / table to absolute position within editor (IE)

Ok - after a bit more digging (as always happens after you post for help) I did manage to make a very simple (my first) plugin that gets me started. It's not the be all - and I already have a much better idea in mind - but it gets the deed done for the sample I wanted to play with. This was only tested with IE - so YMMV. I just wanted to post what I found so far - in case anyone has a similar need or sample to view. I must say that after only playing with FCKeditor for a couple of days - this is a fantastic body of work!

Jim

In my customconfig.js file - I added:

FCKConfig.Plugins.Add('AbsoluteImage');

I created a new dir 'AbsoluteImage' under plugins, with the file 'fckplugin.js' and the code below:

// BEGIN CODE
// ##### Defining a custom context menu entry.

// ## 1. Define the command to be executed when selecting the context menu item.
var FCKAbsoluteImage = new Object() ;
FCKAbsoluteImage.Name = 'AbsoluteImage' ;

// Globals for object Command Identifiers.  Used with execCommand, queryCommand[Enabled|State|Supported|Value]
var CMD_ABSOLUTEPOSITION = 'AbsolutePosition';
var CMD_2DPOSITION = '2D-Position';
var CMD_LIVERESIZE = 'LiveResize';


// Initialization any document level / global wide options - this will be called after the document init has completed.
FCKAbsoluteImage.Init = function(sender, status)
{
    if ( FCKBrowserInfo.IsIE )
   {
       if ( status == FCK_STATUS_COMPLETE )
       {
           /* Causes the Editor to update an element's appearance continuously 
             during a resizing or moving operation, rather than updating only at the 
             completion of the move or resize. */
          sender.EditorDocument.execCommand(CMD_LIVERESIZE, true, true);
      }
    }
}

// This is the standard function used to execute the command (called when clicking in the context menu item).
FCKAbsoluteImage.Execute = function()
{
   // This command is called only when an image element is selected (IMG).
   var oRange = FCK.EditorDocument.selection.createRange() ;
   var state = oRange.queryCommandValue(CMD_ABSOLUTEPOSITION);
   if (state)
       oRange.execCommand(CMD_ABSOLUTEPOSITION,false,false);
   else
   {
       oRange.execCommand(CMD_ABSOLUTEPOSITION,false,true);
       FCKAbsoluteImage.Enable2DPositioning();
   }
}

// Allows absolutely positioned elements to be moved by dragging.
FCKAbsoluteImage.Enable2DPositioning = function()
{
    var state = FCK.EditorDocument.queryCommandValue(CMD_2DPOSITION);
    if (!state)
        FCK.EditorDocument.execCommand(CMD_2DPOSITION);
}

// This is the standard function used to retrieve the command state (it could be disabled for some reason).
FCKAbsoluteImage.GetState = function()
{
   // Let's make it always enabled.
   return FCK_TRISTATE_OFF ;
}

// ## 2. Register our custom command.
FCKCommands.RegisterCommand( 'AbsoluteImage', FCKAbsoluteImage ) ;

// ## 3. Define the context menu "listener".
var oMyContextMenuListener = new Object() ;

// This is the standard function called right before sowing the context menu.
oMyContextMenuListener.AddItems = function( contextMenu, tag, tagName )
{
   // Let's show our custom option only for images.
   if ( tagName == 'IMG' )
   {
      contextMenu.AddSeparator() ;
      contextMenu.AddItem( 'AbsoluteImage', 'Toggle Absolute Position of Image (Custom)' ) ;
   }
}

// ## 4. Register our context menu listener.
FCK.ContextMenu.RegisterListener( oMyContextMenuListener ) ;
FCK.Events.AttachEvent( 'OnStatusChange', FCKAbsoluteImage.Init);
//End Code