Use the sharedSpaces
configuration value to define the page element that will contain the toolbar, and pass it in the top
parameter. With this configuration the toolbar can be moved to any page element, not just a textarea
element.
// Place the toolbar inside the element with an ID of "myToolbar". config.sharedSpaces = { top : 'myToolbar' };
For a full working example of detaching the editor interface from the editing area and sharing the interface between multiple CKEditor instances refer to the Shared Toolbars (sharedspaces.html
) sample located in the _samples
folder of the CKEditor installation package.