Angular JS ui-tinymce

Question

각도 프로젝트에 ui-tinymce 모듈을 사용합니다. 하나의 컨트롤러에서 tinymce.execCommand('mceRemoveControl', true, 'ntContent');라고하며 이것은 정상적으로 작동합니다. 하지만 grunt build 명령을 실행하면 다음 오류가 발생합니다 : ReferenceError: tinymce is not defined. 아무도 이것으로 도울 수 있습니까?

Answer 1

난 각도 - 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 폴더에서 필요한 파일을 복사하지 않습니다 및 솔루션 수동으로 필요한 폴더를 복사 할 복사 작업에 추가하는 것입니다. ,

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

이 지금까지 최선의 해결책은 아니지만 그것은 나를 위해 일한 : 나는 복사 작업에 grunt.js 파일에 다음 코드를 삽입하여 직접 dist/scripts 폴더에 /skins/themes/plugins 폴더를 복사했다 누군가가 도움이되기를 바랍니다.