CODEWITHSUNDEEP
javascriptjquerywysiwygaloha-editor
mateusmaso
mateusmaso

Reputation: 8453

How to disable Aloha Editor toolbar?

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

enter image description here

Upvotes: 6

Views: 2793

Answers (3)

dany
dany

Reputation: 44

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();
        }
    });
});

Upvotes: 2

Ryan
Ryan

Reputation: 7951

You can just hide it with css such as:

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

Upvotes: 4

albinohrn
albinohrn

Reputation: 626

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 comment out line 1207-1210 the floating menu won't show up.

Hope this helps!

Upvotes: 2

Related Questions