Question

正如标题所述，我遵循了他们的文档，这对于刚接触它的人或者对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>

这个lib似乎非常适合我正在尝试实现的内容，但实际上没有那么多的资源/教程。

Answer 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，但我认为这与hallo的版本有关。您可以试用最新版本并查看。

所以依赖是，

jquery1.7.2
的jquery-ui1.8.18
modernizr.custom.80485.js
underscore-min.js
骨架min.js
vie-min.js
jquery.rdfquery.min.js
annotate-min.js
create.js
rangy-core-1.2.3.js
hallo.js
font-awesome.css
创建-ui.css
midgardnotif.css
bootstrap.css
创建-2012.css

CreateJS工作但不显示工具栏

1 个答案: