Javascript 如何禁用Aloha编辑器工具栏?

Javascript 如何禁用Aloha编辑器工具栏?,javascript,jquery,wysiwyg,aloha-editor,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 没有简单的方法来禁用浮动菜单。您必须通过编辑源代码来禁用它,您可

有没有一种方法可以像侧边栏一样禁用Aloha的ExtJS工具栏

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

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


希望这有帮助

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

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

用类标记元素

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

嗯,没用。。我的应用程序没有加载floatingmenu.js,但它仍然显示工具栏,然后我猜它加载了一个包含floatingmenu.js的连接版本。然后你必须在该文件中找到相应的行(或者用包含的构建脚本构建一个新的连接版本)。谢谢,伙计,我找到了,现在它不再出现了,哈哈。。但是你知道如何通过编程触发这些工具栏按钮事件吗?看看最新版本的,它们添加了一些热键支持。@mateusmaso,你也可以直接调用Aloha格式化命令。看看command.js,它提供了execCommand queryCommandState等的自定义(非浏览器)实现。Aloha的一个目标是实现一个contenteditable API(不仅仅是它周围的GUI),如。
Aloha.ready(function () {
    var $ = Aloha.jQuery;
    Aloha.bind('aloha-editable-activated', function () {
        if ($(Aloha.activeEditable.obj[0]).hasClass("notoolbar")) {
            $(".aloha-toolbar").hide();
        }
    });
});