如何在jQuery中获取tinymce内容？
发布于2021-03-19 22:14 阅读(1099) 评论(0) 点赞(17) 收藏(2)
我正在尝试获取tinymce数据，但遇到tinyMCE未定义的错误。这是我的代码：
function savePost( ){
console.log( jQuery('#wp_tinymce_editor').tinyMCE().getContent() );
}
请检查
解决方案
TinyMCE对象/库是负责您的编辑器的对象，因此您应该使用该对象来获取内容。
您可以activeEditor为此使用，或者（出于某种原因）如果您具有在jQuery对象中创建编辑器的原始元素，则可以使用该jQuery对象获取id原始元素的，并使用它来获取内容。 TinyMCE的版本（使用TinyMCE编辑器）。
仅适用于jQuery-切勿使用此功能
如果出于某种原因您真的只需要使用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/
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/40157/6b5ac7f98b130f6cacd1/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力