1

Rails アプリで使用するために、Aloha インライン エディター UI ツールバーにボタンを追加しようとしています。通常の HTML ページに使用した場合のコードは正常に動作します。ただし、私のレールアプリでは、コピーして貼り付けても機能しません。ページにはエラーも表示されません。私のコードは次のとおりです。彼らのウェブサイトからのもので、念のためここに含めました:-

<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 のインクルードの前に来る必要があります。しかし、そうすると、使いたいときにアロハが定義されていないという問題があります。

そのため、デモでその回避策を見つけました。

(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 に答える