javascript - How to disable Aloha Editor toolbar? - Stack Overflow

admin管理员组

文章数量:1319013

Is there a way to disable Aloha's ExtJS toolbar in the same way as sidebar?

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

Is there a way to disable Aloha's ExtJS toolbar in the same way as sidebar?

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

• javascript
• jquery
• wysiwyg
• aloha-editor

Share Improve this question Follow edited Mar 31, 2016 at 22:45 mateusmaso asked May 15, 2012 at 20:11 mateusmasomateusmaso 8,47366 gold badges4242 silver badges5454 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 4

You can just hide it with css such as:

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

Mark element with class

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

Use event:

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

There is no easy way to disable the floating menu. You have to disable it by editing the source code you can do this by removing a couple lines. If you ment out line 1207-1210 the floating menu won't show up.

Hope this helps!

本文标签： javascriptHow to disable Aloha Editor toolbarStack Overflow