How to disable Aloha Editor toolbar?

纵饮孤独 提交于 2019-12-07 04:04:09

问题


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


回答1:


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



回答2:


You can just hide it with css such as:

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



回答3:


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!



来源:https://stackoverflow.com/questions/10608143/how-to-disable-aloha-editor-toolbar

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!