angularjs - Angular JS ui-tinymce

Question

我在 Angular 项目中使用 ui-tinymce 模块。在一个控制器中被调用tinymce.execCommand('mceRemoveControl', true, 'ntContent');，这工作正常。但是在 grunt build 命令之后，我收到以下错误：ReferenceError: tinymce is not defined. 有人能帮忙吗 ？

Answer 1

我对angular-ui-tinymce模块有同样的问题，我通过确保包含该文件来解决这个问题。

<script src="bower_components/tinymce-dist/tinymce.min.js"></script>
<script src="bower_components/angular-ui-tinymce/src/tinymce.js"></script>

该脚本被插入到 index.html 文件中bower install angular-ui-tinymce，并且源代码也被下载并放置在适当的位置。

此外，当您grunt build在复制任务上运行时，它不会从/tinymce-dist文件夹中复制所需的文件，解决方案是手动添加到复制任务以复制您需要的文件夹。我必须通过在复制任务中将以下代码插入到 grunt.js 文件中来将/skins /themes /plugins文件夹直接复制到文件夹中：dist/scripts

// Copies remaining files to places other tasks can use
    copy: {
      dist: {
        files: [{
          ...
        }, {
          ...
        }, {
          expand: true,
          cwd: 'bower_components/tinymce-dist/themes/modern/',
          src: ['**'],
          dest: '<%= yeoman.dist %>/scripts/themes/modern/'
        }, {
          expand: true,
          cwd: 'bower_components/tinymce-dist/skins/',
          src: ['**'],
          dest: '<%= yeoman.dist %>/scripts/skins/'
        }, {
          expand: true,
          cwd: 'bower_components/tinymce-dist/plugins/link/',
          src: ['**'],
          dest: '<%= yeoman.dist %>/scripts/plugins/link/'
        }]
      },
      styles: {
        ...
      }
    }

这不是有史以来最好的解决方案，但它对我有用，希望它对某人有所帮助。