创建JS工作，但不显示工具栏

CreateJS working but does not show the Toolbar

本文关键字：显示 工具栏 JS 工作 创建      更新时间：2023-09-26

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

这个库似乎非常适合我试图实现的东西，但是它真的没有那么多资源/教程。

在这里你可以找到一个完全工作的例子

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的版本有关。您可以尝试使用最新版本并查看。

所以依赖关系是，

  • j查询1.7.2
  • jquery-ui1.8.18
  • 现代化定制80485.js
  • 下划线分钟.js
  • 骨干最小.js
  • 维敏.js
  • jquery.rdfquery.min.js
  • 注释分钟.js
  • 创建.js
  • 朗吉核心-1.2.3.js
  • 你好.js
  • 字体真棒.css
  • 创建用户界面.css
  • 米德加德诺蒂夫.css
  • 引导.css
  • 创建-2012.css
相关文章：