javascript - 如何禁用 Aloha 编辑器工具栏？

Question

有没有办法像侧边栏一样禁用 Aloha 的 ExtJS 工具栏？

Aloha.settings =
    modules: ['aloha', 'aloha/jquery']
    editables: '.editable'
    jQuery: $
    sidebar:
        disabled: true
    toolbar:
        disabled: true # does not work

Answer 1

您可以使用 css 将其隐藏，例如：

div.aloha-toolbar {
    display: none !important;
}

Answer 2

没有简单的方法来禁用浮动菜单。您必须通过编辑源代码来禁用它，您可以通过删除几行来做到这一点。如果您注释掉第1207-1210行，浮动菜单将不会显示。

希望这可以帮助！

Answer 3

用类标记元素

<div class="editable notoolbar"></div>

使用事件：

Aloha.ready(function () {
    var $ = Aloha.jQuery;
    Aloha.bind('aloha-editable-activated', function () {
        if ($(Aloha.activeEditable.obj[0]).hasClass("notoolbar")) {
            $(".aloha-toolbar").hide();
        }
    });
});