多個tinyMCE getContent（）失敗

Question

我的Mye頁面上有多個tinyMCE4 textareas，我（一次全部）初始化為：

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

在myScript.js我想獲取每個文本區域的內容，如下所示：

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

我對此進行了嘗試（單擊按鈕時）：

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

現在它給了我tinyMCE.get is not a function （ tinymce或tinyMCE都沒有關系）

我哪里錯了？

Answer 1

get()方法期望傳遞的參數是一個String ，其中包含用TinyMCE替換的<textarea>的id 。

在您的代碼中，您傳遞了對get()方法的jQuery引用，但該引用不起作用。

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

一個有效的例子是：

tinymce.get('myEditor')

（請注意，您在開始時沒有傳遞# -它不是在尋找CSS選擇器）