FCKeditor menubar

<ole>

Det ligner en betalingsopgave under kategorien 'Opgaver'  :)

/mvh
</bole>

Nu har det lykkedes mig at lave det meste selv... I får lige noget nyttigt kode:

//Selve menuen
<div id="mlToolbar" style="visibility: hidden;">
<img src="../fckeditor/editor/skins/silver/images/toolbar.start.gif" border="0">
<a href="#" name="Cut" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/cut.gif" border="0"></a>
<a href="#" name="Copy" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/copy.gif" border="0"></a>
<a href="#" name="Paste" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/paste.gif" border="0"></a>
<a href="#" name="Undo" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/undo.gif" border="0"></a>
<a href="#" name="Redo" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/redo.gif" border="0"></a>
<a href="#" name="Bold" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/bold.gif" border="0"></a>
<a href="#" name="Italic" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/italic.gif" border="0"></a>
<a href="#" name="Underline" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/underline.gif" border="0"></a>
<a href="#" name="StrikeThrough" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/strikethrough.gif" border="0"></a>
<a href="#" name="Superscript" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/superscript.gif" border="0"></a>
<a href="#" name="Subscript" onclick="press(this);"><img src="../fckeditor/editor/skins/silver/toolbar/subscript.gif" border="0"></a>
</div>

//Funktion der læser status på knapperne i FCKeditor (disabled, on, off)
function updateToolbar() {
    var toolbar = document.getElementById('mlToolbar');
   
    var items = toolbar.getElementsByTagName('a');
    var i;
    for (i=0; i < items.length; i++) {
        var item = items[i];
        if (item.name) updateButton (item);
    }
   
    setTimeout('updateToolbar()', 300);
}

//Funktion der opdaterer en enkelt knap's status
function updateButton( button ) {
    var command = button.name;
    var state = getState(command);
   
    switch (state) {
        case -1:
            if (button.className != 'disabled') button.className = 'disabled';
            break;
        case 0:
            if (button.className != '') button.className = '';
            break;
        case 1:
            if (button.className != 'down') button.className = 'down';
            break;
    }   
}

//Funktion, der kontakter FCKeditor instansen, og returnerer status for en knap
function getState( commandName ) {
    var oEditor = FCKeditorAPI.GetInstance('PageContent') ;
    return oEditor.Commands.GetCommand( commandName ).GetState();
}

//Funktion til at eksekvere en kommando i FCKeditor
function press( button ) {
    var commandName = button.name;
    var oEditor = FCKeditorAPI.GetInstance('PageContent') ;
    oEditor.Commands.GetCommand( commandName ).Execute() ;
}

//FCKeditor eksekverer denne, når den er færdig med at loade
function FCKeditor_OnComplete( editorInstance ) {
    // Vis masterlab toolbar'en
    document.getElementById('mlToolbar').style.visibility = '';
    updateToolbar();
}

Nu er problemet bare at kunne vælge farver, og vælge i comboboxes...
Der er en kommando til at vælge farve, der hedder TextColor, men den virker bare ikke. Der sker intet når man sender den. Derfor forsøger jeg med at finde en dialog frem, hvori man kan vælge en farve.
Det skal foregå ved at der et sted, derinde i det praktisk talt udokumenterede mørke, findes noget der hedder FCKDialog, som har en OpenDialog kommando. Den kan jeg selvfølgelig bare ikke liiige finde frem til. Er der nogen der ved hvor denne kunne være til at finde? Eller eventuelt ved hvordan man får den lille smarte "dropdown" farve-selektor frem i editoren?

Fandt en langt nemmere løsning:

function getToolbar(fldName) {
    var editor_frame = document.getElementById(fldName + "___Frame");
    return editor_frame.contentWindow.document.getElementById('eToolbar');
}

kaldes med navnet på instansen af editoren, og derefter kan man bruge:

var tb = getToolbar('PageContent');
tb.style.position = 'fixed';
tb.style.top = 300;

Ovenstående var vel et svar ;)