jquery - 如何在 jquery 中获取 tinymce 的内容？

Question

我正在尝试获取 tinymce 数据，但收到 tinyMCE 未定义错误。这是我的代码:

function savePost( ){ 

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

请检查

Answer 1

TinyMCE 对象/库负责您的编辑器，因此您应该使用该对象来获取内容。

为此，您可以使用 activeEditor，或者如果(出于某种原因)您拥有在 jQuery 对象中创建编辑器的原始元素，则可以使用该 jQuery 对象来获取 原始元素的 ID 并使用它来获取 TinyMCE 的内容(使用 TinyMCE 编辑器)。

Only with jQuery - You should never use this

如果出于某种原因你真的必须为此只使用 jQuery(我真的不明白为什么)，你可以使用原始元素的 id，与 _ifr 连接并获得内容。使用这个选项可能会给你不想要的，因为 tinymce 将标签添加到 dom 中存在的 html，但在调用 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/