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: {
        ...
      }
    }

这不是有史以来最好的解决方案，但它对我有效，希望它能帮助到别人。