0

正如标题所述，我遵循了他们的文档，这对于刚接触它的人或对 jQuery 不太擅长的人来说并不是最好的。

我的头： 

<head>
    {{ HTML::script('/themes/admin/js/jquery.js') }}
    {{ HTML::script('/themes/admin/js/jquery-ui.js') }}
    {{ HTML::script('/themes/admin/js/underscore-min.js') }}
    {{ HTML::script('/themes/admin/js/vie.js') }}

    {{ HTML::script('/packages/createjs/create.js') }}
        <script type="text/javascript">
        jQuery(document).ready(function() {

          jQuery('body').midgardCreate({
            url: function() { return '/admin/content/create'; }
          });

          jQuery('body').midgardToolbar({
            display: 'full'
          });

          jQuery('[about]').midgardEditable({
            vie: new VIE()
          });

        });
      </script>
</head>

我在正文下的可编辑 div： 

<div class="well col-md-3" about="/content/create">
  <div property="content" contenteditable="true">
    Lorem ipsum.
  </div>
</div>

这个库对于我想要实现的东西似乎真的很好，但是它上面真的没有那么多资源/教程。

4

1 回答 1

1

在这里您可以找到一个完整的工作示例

http://jsfiddle.net/S9Hgg/5/

为了了解所需的确切库。

它基于在 createjs 找到的演示，它使用了 hallo 编辑器， http ://createjs.org/demo/hallo/

这是启动它的代码，

jQuery('body').midgardCreate({
    url: function() {
      return 'javascript:false;';
    },
    stanbolUrl: 'http://dev.iks-project.eu:8081',
    collectionWidgets: {
      'default': null,
      'feature': 'midgardCollectionAdd'
    }
  });

你会发现它被注释掉了，因为你的代码也可以工作。它适用于 jquery1.7.2 和 jquery-ui1.8.18，但我认为这与 halo 的版本有关。您可以尝试最新版本并查看。

所以依赖关系是，

  • jquery1.7.2
  • jquery-ui1.8.18
  • Modernizr.custom.80485.js
  • 下划线-min.js
  • 骨干-min.js
  • vie-min.js
  • jquery.rdfquery.min.js
  • 注释-min.js
  • 创建.js
  • rangy-core-1.2.3.js
  • halo.js
  • 字体真棒.css
  • 创建-ui.css
  • midgardnotif.css
  • 引导程序.css
  • 创建-2012.css
于 2013-10-13T21:38:34.190 回答