繁体   English   中英

将TinyMCE添加到模块后,界面消失

interface disappears when TinyMCE is added to module

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

因此,我正在一个Angular-fullstack项目中尝试将ui-TinyMCE添加到我的项目中。 但是当我改变

angular.module('academiaUnitateApp')
  .controller('NewEntryCtrl', function ($http, $scope, $stateParams, entryService, Auth) {
    $scope.entry = {};
  });

angular.module('academiaUnitateApp', ['ui-tinymce'])
  .controller('NewEntryCtrl', function ($http, $scope, $stateParams, entryService, Auth) {
    $scope.entry = {};
    $scope.tinymceOptions = {};
  });

我的界面从

在此处输入图片说明

在此处输入图片说明

我究竟做错了什么?


我的HTML看起来像这样

<div>
    <h1>
        New chapter
    </h1>

    <form class="form" name="form" ng-submit="save(form)" novalidate>
        <div class="form-group">
            <label class="sr-only" for="title">Title</label>
            <input class="form-control" name="title" type="text" placeholder="enter title here" required ng-model="entry.title" />
        </div>

        <div class="form-group">
            <select required ng-model="entry.language">
                <option disabled>Choose language</option>
                <option ng-repeat="e in languages" value="{{e._id}}">{{e.name}}</option>
            </select>
        </div>

        <div class="form-group">
            <label class="sr-only" for="content">Content</label>
            <textarea ui-tinymce="tinymceOptions" ng-model="entry.content" id="textarea" name="content" ></textarea>
        </div>

        <button type="submit" class="btn btn-success" id="save-btn"><span class="glyphicon glyphicon-ok"></span> Save</button>
    </form>
</div>

<hr>

<div>
    <h1>{{entry.title}}</h1>
    <br/>
    {{entry.content}}
</div>


我将tinymce添加到我的Bower的依赖项中。

bower.json

{
  "name": "academia-unitate",
  "version": "0.0.0",
  "dependencies": {
    "angular": ">=1.2.*",
    "json3": "~3.3.1",
    "es5-shim": "~3.0.1",
    "jquery": "~1.11.0",
    "bootstrap": "~3.1.1",
    "angular-resource": ">=1.2.*",
    "angular-cookies": ">=1.2.*",
    "angular-sanitize": ">=1.2.*",
    "angular-bootstrap": "~0.11.0",
    "font-awesome": ">=4.1.0",
    "lodash": "~2.4.1",
    "angular-socket-io": "~0.6.0",
    "angular-ui-router": "~0.2.10",
      "angular-ui-tinymce": "*"
  },
  "devDependencies": {
    "angular-mocks": ">=1.2.*",
    "angular-scenario": ">=1.2.*"
  }
}
1 个回复

['ui-tinymce']应为['ui.tinymce']

我也认为您将ui.tinymce添加到错误的位置。 似乎您是在重新创建模块,而不是在检索。 参见https://docs.angularjs.org/guide/module#creation-versus-retrieval

对于有角度的全栈,您的/client/app/app.js具有:

angular.module('demoApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'btford.socket-io',
  'ui.router',
  'ui.bootstrap'
])

您应该在此处添加ui.tinymce

angular.module('demoApp', [
  'ngCookies',
  'ngResource',
  'ngSanitize',
  'btford.socket-io',
  'ui.router',
  'ui.bootstrap',
  'ui.tinymce'
])
1 添加DatePicker时ListView消失

我目前正在编写一个Android项目,但xml文件中有问题。 如果没有日期选择器,则列表视图运行良好。 但是,当我添加日期选择器(不编辑Java文件)时,列表视图消失。 以下是我的android xml文件: 我的xml文件有问题吗? 更新:我发现即使有日期选择器,列表视图也 ...

2 JList 添加到 JScrollPane 时消失

我不知道为什么会这样,我查了几乎所有关于这个的 Stack Overflow 问题。 错误是,当我将JScrollPane添加到JList ,没有显示任何内容。 即使我将它添加到框架中。 JList mainlist = new JList(); JScrollPane listScroller = ...

5 添加固定位置后页眉消失

我的英雄部分下方有一个标头,用于通过js将fixed方法添加到position属性。 当位置设置为固定时,标题消失。 效果可以在这里看到: http://redesign.hfe-observatories.org/about/ 。 我尝试了以下解决方案: 固定位置时页眉消 ...

2015-10-23 02:32:42 0 71   html/ css
6 添加自动版式约束后,UITextView消失

我在我的应用程序中添加了两个屏幕,并且在测试中,这些屏幕对于iPhone5而言太大了,因此我在三个TextView中添加了一些约束条件以帮助它们调整大小。 UIView的大小和第一个TextView1一样,我在下面添加了约束设置视图 UIView约束 UITextVie ...

7 添加第二个时,第一个UIBarButton消失

我正在使用ios Bar Button图标,我必须在正确的站点上显示带有两个UIBarButton图标的UIsegmented控件,但是当我尝试使用界面构建器添加第二个按钮时,第一个添加的按钮消失了 这是添加视图的方式:视图-&gt;导航栏-&gt;导航项-&gt; BarButton项- ...

2014-03-27 06:18:20 1 41   ios
8 添加ng-controller时内容消失

我有一个水果列表,并且能够使用searchFor过滤器显示我搜索的项目。 我想单击一个按钮,然后使用控制器将该项目发送到页面上的另一个div。 但是,每当我在页面上添加ng-controller(我认为应该在body标签中)时,我的水果列表就会完全消失。 救命! 我整天都在绞尽脑汁,似乎 ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2021 STACKOOM.COM