2017-01-27 4 views
0

Ich habe mehrere tinyMCE4 Textbereiche auf mye Seite, die ich (auf einmal) wie folgt initialisieren:Multiple tinyMCE getContent() fehlschlägt

<script src="//cdn.tinymce.com/4/tinymce.min.js"></script> 
<script> 
    tinymce.init({ 
     selector: 'textarea', 
     /* ... more options ..*/ 
    }); 
</script> 
<script src="js/myScript.js"></script> 

In myScript.js würde Ich mag den Inhalt jedes einzelnen bekommen die Textfelder, die wie folgt aussehen:

<textarea id="editor_1" data-field="1" class="editor"></textarea> 
<textarea id="editor_2" data-field="2" class="editor"></textarea> 
etc... 

ich habe versucht, dies mit diesem (auf den Knopf klicken):

$(document).on('click','.saveStandardDoc',function(){ 
    $('.editor').each(function(i, obj) { 
     var $that = $(this); 
     console.log(tinyMCE.get($that).getContent()); 
    }); 
}); 

Jetzt gibt es mir tinyMCE.get is not a function (egal tinymce oder tinyMCE)

Wo liege ich falsch?

+0

Vielleicht (Sie # am Anfang nicht passieren beachten Sie seine für einen CSS-Selektor nicht suchen), das hilft ► [http://stackoverflow.com/questions/16016250/how-to-get-tinymce-content-from-more-than-one-text-area](http://stackoverflow.com/questions/16016250/how- to-get-tinymce-content-from-mehr-als-ein-Text-Bereich) – Nope

+0

Es tut tatsächlich, danke! Konnte diese Information in den Dokumenten nicht finden! – PrimuS

Antwort

0

Die get() Methode erwartet der übergebene Parameter a String zu sein, die die id des <textarea> enthält, die mit TinyMCE ersetzt wurde.

In Ihrem Code übergeben Sie eine jQuery-Referenz an die get()-Methode, und das wird nicht funktionieren.

https://www.tinymce.com/docs/api/tinymce/root_tinymce/#get

würde ein gültiges Beispiel sein:

tinymce.get('myEditor') 

-