如何禁用Aloha Editor工具栏?

时间:2012-05-15 20:11:58

标签: javascript jquery wysiwyg aloha-editor

有没有办法以与侧边栏相同的方式禁用Aloha的ExtJS工具栏?

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

enter image description here

3 个答案:

答案 0 :(得分:4)

您可以使用css隐藏它,例如:

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

答案 1 :(得分:2)

没有简单的方法可以禁用浮动菜单。您必须通过编辑源代码来禁用它,您可以通过删除几行来执行此操作。如果您注释掉行1207-1210,则浮动菜单将不会显示。

希望这有帮助!

答案 2 :(得分:2)

使用类

标记元素
<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();
        }
    });
});