6

根据 Aloha Editor 文档,您可以侦听“aloha-smart-content-changed”事件以获取帮助,例如,将数据保存到您正在使用的任何持久性机制中。这是我正在尝试做的一个例子:

<html>
  <head>
    <title>Aloha Event Testing</title>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script src="http://cdn.aloha-editor.org/current/lib/aloha.js" data-aloha-plugins="common/format, common/list, common/link, common/highlighteditables"></script>
    <link href="http://cdn.aloha-editor.org/current/css/aloha.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
      Aloha.ready( function() {
        var $ = Aloha.jQuery;
        $('.editable').aloha();
      });
      $(document).ready(function() {
        $('.editable').bind('aloha-smart-content-changed', function() {
          console.log('Aloha smart event handled.');
        });
      });
    </script>
  </head>
  <body>
    <div class="editable"></div>
  </body>
</html>

但是处理程序永远不会触发。与 Aloha 合作过的任何人都知道如何正确收听该事件吗?

4

1 回答 1

8

哇,这方面的文档很差。但我想我让它工作了。看起来您将 Aloha.ready() 方法中的事件处理程序绑定到 Aloha 对象本身。

Aloha.ready( function() {
        var $ = Aloha.jQuery;
        $('.editable').aloha();

    Aloha.bind('aloha-smart-content-changed', function(event, editable) {
          console.log('Aloha smart event handled.');
        });        
});

在这里找到了更多关于它的信息,这是我找到绑定事件示例的地方。

还在jsfiddle中测试了这个

希望有帮助

于 2012-07-03T00:54:18.987 回答