通过ng-repeat
创建 TinyMce-Editors
Angular的官方文件并不是真的有用
https://www.tinymce.com/docs/integrations/angularjs/
所以我在这里寻求帮助:)
在用户进行了一些编辑之后,他将能够在数据库中保存此编辑或所有编辑的字段
在我的作品中创建TinyMces
的 HTML
<tbody>
<tr dir-paginate="v in visibleItems = ($ctrl.myCollection| filter:{Name:searchK,value1:searchV}| filterByProd:selectedProduct) |orderBy: sortType:sortReverse|itemsPerPage:10 as results">
<td>
<div ui-tinymce='tinymceOptions' ng-model='v.value2'></div>
<!-- in v.value2 is some Text from Databse which I set in the created Editors -->
</td>
</tbody>
controller.js
'use strict';
(function(){
class HelpComponent {
constructor($http, $scope) {
this.$http = $http;
this.$scope = $scope;
this.$scope.tinymceOptions ={
selector: 'div',
plugins: 'save code',
save_enablewhendirty: true,
save_onsavecallback: () => {console.log('Save');},
toolbar1:' undo redo | bold underline italic | alignleft aligncenter alignright',
toolbar2: 'save | code'
};
}//closing constructor
getContent(){
angular.forEach(this.myCollection, value =>{
console.log(value);//iteratin my collection //how to iterate all Editors?
})
}
... some more code
}//closing class
angular.module('App')
.component('help', {
templateUrl: 'help.html',
controller: HelpComponent,
});
})();
问题:
Tiny save
的插件向我显示了“保存”按钮,仅在某些编辑后才有效。但点击按钮没有做任何事情,但应致电
save_onsavecallback :()=&gt; {console.log(&#39; Save&#39;);} //没有控制台日志输出,
问题: 如何通过所有编辑器进行迭代并仅获取已编辑的编辑器?
是文档中的tinyMCE.activeEditor.isDirty()
功能。
tinyMCE是什么意思? - &GT;我只是要写或者它代表什么?
activeEditor? - &GT;我想迭代所以我必须放置一个变量?