1

我正在尝试向 Aloha 内联编辑器 UI 工具栏添加一个按钮，以便在我的 rails 应用程序中使用。用于普通 html 页面的代码可以正常工作。然而，在我的 Rails 应用程序中，即使我复制粘贴它，它也无法正常工作。该页面甚至没有显示任何错误。我的代码如下，它来自他们的网站，只是在这里包含它： -

<script type="text/javascript">
Aloha.require(['ui/ui', 'ui/button'], function(Ui, Button) {
    var button = Ui.adopt("myButton", Button, {
        click: function(){
            alert("Click!");
        }
    });
});

Aloha.settings.toolbar = {
    tabs: [
     {
        label: 'Save',
        components: [ 'myButton' ]
     }
    ],
    exclude: [ 'strong', 'emphasis', 'strikethrough' ]
};

Aloha.ready( function() {
    var $ = Aloha.jQuery;
    $('.editable').aloha();
});
</script>
4

1 回答 1

2

我同意！

 Aloha.settings.toolbar = {...};

应该在 aloha.js 的 include 之前。但如果是这样，你就会遇到在你想使用的那一刻没有定义 Aloha 的问题。

所以我在演示中找到了解决方法。

(function(window, undefined) {

   if (window.Aloha === undefined || window.Aloha === null ) {
      var Aloha = window.Aloha = {};
   }

   Aloha.settings = { 
      toolbar :{.....} 
   }; 

})(window);

之后，包含 aloha.js 并且设置应该生效。

于 2013-02-20T16:34:46.283 回答