How can I fix the Aloha HTML5 Editor to a specific position on the page?

Question

I need the Aloha editor to be pinned to a specific position instead of bouncing around all over the page.

Is there a configuration option for that? There is an "append" option for configuring Aloha but I can't figure out how to apply or even if it would solve my problem...

Also open to hacks for overriding the position if there isn't a configuration option.

Answer 1

The configuration indicates that you use an the "element" setting to specify the id of the element to append to:

behaviour: 'float', // 'float' (default), 'topalign', 'append'
element: 'my-html-element-id', // use with 'append' behaviour option: HTML DOM ID of the element the FM should get the position from

Also, make use of the other options like draggable: false and pin: false.

If that doesn't work for you, please open a bugreport.

Answer 2

Response to my bug report:

This setting was added to the dev branch (but has not found it's way to the release branch so far) and the description for it in the guides was already added to the release branch.

https://github.com/alohaeditor/Aloha-Editor/issues/584#issuecomment-6870029