如何使用JavaScript获取Tinymce textarea的内容

如何使用JavaScript获取Tinymce textarea的内容,javascript,tinymce,Javascript,Tinymce,我有一个内容数组,那么我们如何在javascript中获取Tinymce textarea的内容呢 <textarea id="editor1" ....></textarea> 如果您的意思是在一个页面上有多个mce editor实例,并且希望获取内容,请尝试以下方法: var inst, contents = new Object(); for (inst in tinyMCE.editors) { if (tinyMCE.editors[inst].get

我有一个内容数组,那么我们如何在javascript中获取Tinymce textarea的内容呢

<textarea id="editor1" ....></textarea>
如果您的意思是在一个页面上有多个mce editor实例,并且希望获取内容,请尝试以下方法:

var inst, contents = new Object();
for (inst in tinyMCE.editors) {
    if (tinyMCE.editors[inst].getContent)
        contents[inst] = tinyMCE.editors[inst].getContent();
}
上述代码将每个编辑器内容添加到一个数组中,您可以使用:

tinymce.get(editorid).getContent();

我也有同样的问题。我已使用此代码解决了以下问题:

tinyMCE.get('editor1').getContent();
来源:

我用代码解决了它:

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();

// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : 'raw'});

// Get content of a specific editor:
tinyMCE.get('content id').getContent()
activeEditor是当前编辑器,但我使用的是tinyMCE.get('editor1')。getContent()无法获取我的编辑器的值,希望它可以帮助您

Tinymce API:

在我的示例(v4.3.12)中,上述所有操作都不起作用,因此我做了一个变通方法:

Html代码:

<div id="wrapper">
    <textarea id="editable_container" name="editable_container"></textarea>
</div>

其中,
editable\u container
是我的tinyMCE编辑器的占位符文本区域,可编辑区域的iframe id是通过向占位符的id添加一个
\ifr
后缀和
内容可编辑的
容器(包含格式化文本)生成的,具有一个id
tinymce
,带有占位符id的
数据id
属性。

如果您更熟悉(并且正在使用jquery包装器),也可以使用以下方法执行此操作:

$('#editor1').tinymce().getContent();

其中(editor1)是您的选择器。

这对我来说适用于版本4(9.8):

tinymce.get('editorId').setContent(response.data);
使用TinyMCE API中的
getContent()
方法

假设您已使用id=“myTextarea”在textarea上初始化编辑器。首先使用相同的id访问编辑器,然后调用
getContent()
。例如:

var myContent=tinymce.get('myTextarea').getContent()

或者,您可以访问活动编辑器,而不是通过id访问编辑器:

var myContent=tinymce.activeEditor.getContent()

如果希望在不使用HTML标记的情况下获取TinyMCE内容,可以传入一个参数,以指示希望结果为纯文本。例如:

var myContent=tinymce.get('myTextarea').getContent({format:'text'})

更多信息和示例如下:。


tinymce.activeEditor.getContent();

这个答案很可能适用于旧版本的TinyMCE。对于最新版本(4.x),要做到这一点,@jqpress的答案是正确的。未捕获类型错误:tinyMCE.getContent不是函数如果版本>=4,请使用
tinyMCE
而不是
tinyMCE
。5@Mitoxys对于版本>=5@Mitoxys哦,没关系。。。这很奇怪,但是
tinymce
在调用
init
之前有这些属性,但之后它似乎引用了一个没有这些属性的元素。刚刚在V5上测试过。使用
tinymce
(无上限)即可正常工作<代码>{format:'raw'}
解决了例如彩色文本无法从编辑器中提取的问题。请说明除了另一个答案建议的{format:'text'}或{format:'raw'}之外,还有哪些选项可用?这不是很有帮助,因为它只声明有一个format:text选项。
$('#editor1').tinymce().getContent();
tinymce.get('editorId').setContent(response.data);
var Content = tinyMCE.editors['Your_ID'].getContent();