html - 如何将 Aloha HTML5 编辑器修复到页面上的特定位置？

Question

我需要将 Aloha 编辑器固定到特定位置，而不是在整个页面上弹跳。

有没有配置选项？有一个用于配置 Aloha 的“附加”选项，但我不知道如何应用，或者即使它可以解决我的问题......

如果没有配置选项，也可以使用 hack 来覆盖位置。

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%'});