$('#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);
});
3条答案
按热度按时间eufgjt7s1#
TinyMCE对象/库是负责编辑器的对象,因此您应该使用该对象来获取内容。
您可以使用
activeEditor
来实现这一点,或者(出于某种原因)您在jQuery对象中拥有创建编辑器的原始元素,您可以使用该jQuery对象来获取原始元素的id
,并使用它来获取TinyMCE的内容(使用TinyMCE编辑器)。只有jQuery -你永远不应该使用这个
如果出于某种原因,你真的只能使用jQuery(我真的不明白为什么),你可以使用原始元素的id,与
_ifr
连接并获得内容。使用这个选项可能会给予你不想要的,因为tinymce添加标签到html中,这些标签存在于dom中,但在调用getContent
函数时被剥离。以下是3个选项的示例:
下面是一个工作示例:https://jsfiddle.net/8tdf3q22/
i2loujxw2#
Html文本编辑器文本代码:
您可以像这样使用JavaScript打印TinyMCE文本编辑器代码。
输出:
带标签输出
现在你可以打印tinymce texteditor值,不带p标签,像这样
这段代码打印不带标签的文本:
c9qzyr3d3#
在jQuery中,你可以这样做。