CKEditor inline toolbar position

Question

Simple question : how can I make the inline CKEditor toolbar float top right (or bottom right) of my editable element instead of the default top left position ?

Have bee

Answer 1

we can do it with floatSpacePreferRight config

only we need to set

config.floatSpacePreferRight = true;

default value of floatSpacePreferRight is false;

so with this configuration, we can align inline toolbar position to right

Answer 2

It does not have a configuration option for this. There are only four options for the X,Y offset in pinned and docked modes - e.g. config.floatSpacePinnedOffsetY.

The only idea that I have is implementing your own plugin like Floating Space, or modifying the current implementation.

And as the last resort, you can use the Shared Space plugin to place the toolbar in a container chosen by you and then position it as you wish. Check the second demo (Inline Editor with Shared Toolbar and Bottom Bar) on the SDK sample page for an example.