Question

我有一系列内容，然后我们如何在javascript中获取Tinymce textarea的内容

Answer 1

我用代码解决了它：

// 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：http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

Answer 2

让我们说你的mce textarea实例是：

<textarea id="editor1" ....></textarea>

然后你得到如下内容：

var content =  tinyMCE.getContent('editor1');

如果您的意思是在一个页面上有多个mce编辑器实例并且想要获取内容，那么请尝试以下方法：

var inst, contents = new Object();
for (inst in tinyMCE.editors) {
    if (tinyMCE.editors[inst].getContent)
        contents[inst] = tinyMCE.editors[inst].getContent();
}

上面的代码将每个编辑器内容添加到一个数组

中

Answer 3

我遇到了同样的问题。我已经解决了使用此代码：

tinyMCE.get('editor1').getContent();

来源：spocke is the author

Answer 4

您可以使用：

tinymce.get(editorid).getContent();

Answer 5

在我的情况下（v4.3.12），以上都没有，所以我做了一个解决方法：

Html代码：

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

JQuery代码：

var iframe = $('#editable_container_ifr');
var editorContent = $('#tinymce[data-id="editable_container"]', iframe.contents()).html();
console.log(editorContent);

editable_container是我的tinyMCE编辑器的占位符textarea，可编辑区域的iframe ID是通过向占位符ID添加_ifr后缀生成的，并且content-editable容器（包含格式化文本）的标识为tinymce，其中包含占位符ID的data-id属性。

Answer 6

tinymce.get('editorId').setContent(response.data);

Answer 7

这对我来说适用于版本4（9.8）：

var Content = tinyMCE.editors['Your_ID'].getContent();

Answer 8

使用TinyMCE API中的Job.objects.filter(skills__person__pk=1) # where primary key of the person object is 1方法。

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

getContent()

或者，您可以访问活动编辑器：

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

如果要获取不带HTML标记的TinyMCE内容，则可以传入参数以纯文本形式表示所需的结果。例如：

var myContent = tinymce.activeEditor.getContent();

此处有更多信息和示例：https://www.tiny.cloud/blog/how-to-get-content-and-set-content-in-tinymce。

Answer 9


tinymce.activeEditor.getContent();

Answer 10

如果你更熟悉（并且正在使用jquery包装器），你也可以这样做：

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

其中（editor1）是你的选择器。

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

10 个答案: