Как получить содержимое tinymce в jquery?

Question

Я пытаюсь получить данные tinymce, но получаю tinyMCE неопределенную ошибку. Вот мой код:

function savePost(){ 

    console.log( jQuery('#wp_tinymce_editor').tinyMCE().getContent()); 
} 

пожалуйста, проверьте

Answer 1

объекта TinyMCE/библиотека является один ответственным за редактор, так что вы должны использовать этот объект, чтобы получить содержание.

Для этого вы можете использовать activeEditor, или если (по какой-либо причине) у вас есть исходный элемент, создавший редактор в объекте jQuery, вы можете использовать этот объект jQuery для получения id исходного элемента и использовать его чтобы получить содержимое TinyMCE (используя редактор TinyMCE).

Только с JQuery - Вы никогда не должны использовать этот

Если по какой-то причине вы действительно должны использовать только JQuery для этого (и я действительно не понимаю, почему), вы можете использовать идентификатор исходного элемента, связанный с _ifr и получить контент. Использование этой опции, вероятно, даст вам не нужно, потому что tinymce добавляет теги в html, который существует в dom, но разделяется при вызове функции getContent.

Вот пример для 3 вариантов:

$('#btn1').click(function() { 
    console.log(tinyMCE.activeEditor.getContent()); 
}); 
$('#btn2').click(function() { 
    console.log(tinyMCE.editors[$('#ta').attr('id')].getContent()); 
}); 
$('#btn3').click(function() { 
    alert('You should really NOT use this option'); 
    console.log($('#ta_ifr')[0].contentDocument.body.innerHTML); 
}); 

Вот рабочий пример: https://jsfiddle.net/8tdf3q22/