1

Iam은 TinyMce를 ui-tinymce 패키지와 함께 사용합니다.
먼저 테이블에서 ng-repeat을 통해 생성 된 TinyMce가 여러 개 생성되었습니다. 비교를 위해 ng-repeat은 기능이없는 readonly 인 두 번째 TinyMce를 생성합니다.
때로는 임의의 동작에 따라 일부 TinyMce 편집기가 두 번째 <td>..</td>에서 생성되지 않으므로?여러 TinyMce가 보이지 않거나/Init 오른쪽

<tbody> 
    <tr dir-paginate="v ..."> 
     <td class="td-values1"> 
     <input type="text" class="form-control" placeholder="//News Titel" ng-model="v.srctitel" ng-readonly='v.srctitel'></input> 
     <textarea ui-tinymce='tinymceOptionsRead' ng-model='v.srcnews'></textarea> 
     </td> 
     <td class="td-values1"> 
     <input type="text" class="form-control" placeholder="//News Titel" ng-model="v.tartitel"></input> 
     <textarea ui-tinymce='tinymceOptions' ng-model='v.tarnews' data-section='{{v.tarid}}' data-section2='{{v.tartitel}}'></textarea> 
     </span> 
     </td> 

필자 시용 및 'tinyMceOptionsRead' 내지 제 TinyMCE를 변경하고 제 'tinyMceOptions'뿐만 동작은 제 TableData 행 일부 편집자가 생성되지 않았 음을 동일 하였다. 문제는 TinyMces의 구성에 있지 않습니다. 코드를 꼭 게시하십시오.

initTiny(){ 
      this.$scope.tinymceOptions = {//For Edits 
      menubar: false, 
      theme: 'modern', 
      plugins: 'save link ', 
      save_enablewhendirty: false, 
      toolbar: ' undo redo | styleselect | fontsizeselect | save | link | bullist numlist |', 
      fontsize_formats: '8pt 10pt 12pt 14pt 18pt 24pt 36pt', 
      statusbar: false, 
      height: 130, 
      save_onsavecallback: (editor) => { 
      ... 
      }, 
      }; 
      this.$scope.tinymceOptionsRead = {//Readonly 
      menubar: false, 
      theme: 'modern', 
      plugins: '', 
      toolbar: false, 
      readonly: true, 
      statusbar: false, 
      height: 170, 
      }; 
     } 

내가 첫 번째 TinyMce에 대해 언급하면 ​​완벽하게 작동합니다. AngularJs에 문제가 있습니까 ng-repeat?

답변

1

Inspection Ive는 생성 된 TinyMce의 ID를 이전에 생성 된 TinyMce와 동일하게 설정하는 것으로 나타났습니다.

이것은 각 패키지 angular-ui-tinymce에서 오는 버그이고 버전에서 해결되었다 0.0.18
https://github.com/angular-ui/ui-tinymce/issues/310