Angular JS ui-tinymce

Question

我在角項目中使用了ui-tinymce模塊。在一個控制器被稱爲tinymce.execCommand('mceRemoveControl', true, 'ntContent');，這工作正常。但在grunt構建命令後，我得到以下錯誤：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文件夾所需的文件和一個解決方法是手動添加到副本任務複製你需要的文件夾。我通過插入下面的代碼到/skins/themes/plugins文件夾直接複製到該文件夾​​dist/scripts進入grunt.js文件的副本任務：

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

這是不是有史以來最好的解決方案，但它的工作對我來說，希望它有助於某人。