Question

我使用TinyMce和ui-tinymce包。
首先，我在表中通过ng-repeat生成了多个TinyMce，工作正常。对于比较，ng-repeat生成第二个TinyMce，readonly没有功能由于有时在随机行为中，某些TinyMce编辑器不会在第二<td>..</td>中生成？

  <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>

我已尝试将第二个TinyMce更改为'tinyMceOptionsRead'，并将第一个更改为'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的问题吗？

Answer 1

通过进一步的检查，我发现它设置生成的TinyMce的ID有时与前一个生成的相同。

这是来自Angular Package Date Client_id Purchase 01-01-2016 00001 Wine 01-01-2016 00001 Beer 01-01-2016 00002 Wine 02-01-2016 00003 Beer 02-01-2016 00004 Wine 03-01-2016 00005 Beer的Bug，并在版本0.0.18中得到解决 https://github.com/angular-ui/ui-tinymce/issues/310

多个TinyMce没有显示/初始化权限

1 个答案: