多个 TinyMce 不showing/Init 对
Multiple TinyMce not showing/Init right
我正在使用带有 ui-tinymce 包的 TinyMce。
首先,我在 Table 中通过 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'
,但行为与第二个 Table 数据行中的某些编辑器未生成相同。所以问题不在于TinyMces的配置?可以肯定的是,我 post 代码以及
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
有问题吗?
通过进一步检查,我发现它有时将生成的 TinyMce 的 ID 设置为与之前生成的相同。
这是来自 Angular 软件包 angular-ui-tinymce
的错误,并在版本 0.0.18
中得到解决
https://github.com/angular-ui/ui-tinymce/issues/310
我正在使用带有 ui-tinymce 包的 TinyMce。
首先,我在 Table 中通过 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'
,但行为与第二个 Table 数据行中的某些编辑器未生成相同。所以问题不在于TinyMces的配置?可以肯定的是,我 post 代码以及
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
有问题吗?
通过进一步检查,我发现它有时将生成的 TinyMce 的 ID 设置为与之前生成的相同。
这是来自 Angular 软件包 angular-ui-tinymce
的错误,并在版本 0.0.18
中得到解决
https://github.com/angular-ui/ui-tinymce/issues/310