I tried to clone an existing button with the idea to change its icon and functionality, but after I finally got the button thereI noticed that the buttons didn't have a mouseover... I imagine that there is more ToolbarButton functionality missing when working this way so I abandoned the idea. Now I believe that the only option for creating new buttons is to create a whole plugin...
The snippet I had was:
I clone the parentNode of the MainElement because I want the table cell, see HTML snippets below.
The snippet I had was:
function FCKeditor_OnComplete( editorInstance ) { targetButton = editorInstance.EditorWindow.parent.FCKToolbarItems.GetItem( 'Save' )._UIButton.MainElement.parentNode; targetButton.parentNode.insertBefore(targetButton.cloneNode(true), targetButton); }
I clone the parentNode of the MainElement because I want the table cell, see HTML snippets below.
single seperator HTML: <td> <div class="TB_Separator"/> </td> single button HTML : <td> <div title="Save" class="TB_Button_Off"> <img src="images/spacer.gif" style="background-position: 0px -32px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/> </div> </td> full toolbar HTML : <table cellspacing="0" cellpadding="0" class="TB_Toolbar" style="float: left;" dir="ltr"><tbody><tr><td><div class="TB_Start"/></td><td><div title="Source" class="TB_Button_Off"><table cellspacing="0" cellpadding="0"><tbody><tr><td><img src="images/spacer.gif" style="background-position: 0px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></td><td nowrap="" class="TB_Button_Text">Source</td><td><img class="TB_Button_Padding" src="images/spacer.gif"/></td></tr></tbody></table></div></td><td><div title="Document Properties" class="TB_Button_Disabled"><img src="images/spacer.gif" style="background-position: 0px -16px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></div></td><td><div class="TB_Separator"/></td><td><div title="Save" class="TB_Button_Off"><img src="images/spacer.gif" style="background-position: 0px -32px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></div></td><td><div title="New Page" class="TB_Button_Off"><img src="images/spacer.gif" style="background-position: 0px -48px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></div></td><td><div title="Preview" class="TB_Button_Off"><img src="images/spacer.gif" style="background-position: 0px -64px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></div></td><td><div class="TB_Separator"/></td><td><div title="Templates" class="TB_Button_Off"><img src="images/spacer.gif" style="background-position: 0px -80px; background-image: url(/editor/editor/skins/default/fck_strip.gif);" class="TB_Button_Image"/></div></td><td><div class="TB_End"/></td></tr></tbody></table>