带有Angular 1.5.x的TinyMCE 4.x,带有ng-repeat getContent of Edited TinyMce Editors

时间:2016-11-23 13:12:16

标签: angularjs tinymce tinymce-4 angular-ui-tinymce

通过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,
      });
    })();
  1. 问题: Tiny save的插件向我显示了“保存”按钮,仅在某些编辑后才有效。但点击按钮没有做任何事情,但应致电

    save_onsavecallback :()=&gt; {console.log(&#39; Save&#39;);} //没有控制台日志输出,

  2. 问题: 如何通过所有编辑器进行迭代并仅获取已编辑的编辑器?

    是文档中的

    tinyMCE.activeEditor.isDirty()

  3. 功能。 tinyMCE是什么意思? - &GT;我只是要写或者它代表什么?
    activeEditor? - &GT;我想迭代所以我必须放置一个变量?

0 个答案:

没有答案