如何在jquery中获取tinymce内容?

t9aqgxwy  于 2023-06-22  发布在  jQuery
关注(0)|答案(3)|浏览(284)

我试图得到tinymce数据,但得到tinyMCE未定义的错误。下面是我的代码:

function savePost( ){ 

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

请检查

eufgjt7s

eufgjt7s1#

TinyMCE对象/库是负责编辑器的对象,因此您应该使用该对象来获取内容。
您可以使用activeEditor来实现这一点,或者(出于某种原因)您在jQuery对象中拥有创建编辑器的原始元素,您可以使用该jQuery对象来获取原始元素的id,并使用它来获取TinyMCE的内容(使用TinyMCE编辑器)。
只有jQuery -你永远不应该使用这个
如果出于某种原因,你真的只能使用jQuery(我真的不明白为什么),你可以使用原始元素的id,与_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/

i2loujxw

i2loujxw2#

Html文本编辑器文本代码:

<textarea name="description" class="tinymce" id="texteditor"></textarea>

您可以像这样使用JavaScript打印TinyMCE文本编辑器代码。

var content = tinymce.get("texteditor").getContent();
alert(descriptionFieldTxt);

输出:

带标签输出

现在你可以打印tinymce texteditor值,不带p标签,像这样

var content = tinymce.get("texteditor").getContent({format: "text"});
alert(descriptionFieldTxt);

这段代码打印不带标签的文本:

c9qzyr3d

c9qzyr3d3#

<textarea class="tinymce" id="texteditor"></textarea>

在jQuery中,你可以这样做。

var content = tinymce.get("texteditor").getContent();

相关问题