html - Aloha HTML5 Editor をページの特定の位置に固定するにはどうすればよいですか?

Question

Aloha エディターをページ全体でバウンスするのではなく、特定の位置に固定する必要があります。

そのための構成オプションはありますか？Aloha を構成するための「追加」オプションがありますが、適用方法がわかりません。また、問題が解決するかどうかもわかりません...

構成オプションがない場合、位置をオーバーライドするためのハックも可能です。

Answer 1

構成は、「要素」設定を使用して、追加する要素の ID を指定することを示しています。

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

また、draggable: false や pin: false などの他のオプションも利用してください。

それでも問題が解決しない場合は、バグレポートを開いてください。

Answer 2

私のバグレポートへの応答:

この設定は dev ブランチに追加されました (ただし、これまでのところリリース ブランチへの道は見つかりませんでした)。ガイド内の説明はリリース ブランチに既に追加されています。

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

Answer 3

var toolbar = $('.aloha-toolbar');
// make the toolbar extend to 100% of the div.
toolbar.css({'width': '100%', 'height': '100%', });
// ADDS THE ALOHA EDITOR TO A DIV! 
$('#alohaContainer').append(toolbar);
// Renders the toolbar to the screen             
UiPlugin.showToolbar();
// The child element must also be resized, don't know why
toolbar.children().css({'width': '100%', 'height': '100%'});