javascript - TinyMCE 4 : How to get the real HTML content from a page with many DIV inline editors on same page?(保存到1个文件)

Question

在我的 CMS 中，我在一个 HTML 页面上有许多带有内联 TinyMCE 的 DIV。每个 DIV 都有自己的实例(#mce_0 和 #mce_{randomnumber} )

每个可编辑的 DIV 都位于一个具有特定 ID (#MyWrapper) 的包装 DIV(不可编辑)内。

#MyWrapper 中的所有内容(所有编辑器 DIV)都应保存到一个文件中。

当我使用 javascript 从 #MyWrapper 内部获取 html 时，它工作得很好，只是我得到的是编辑器内部使用的 HTML，而不是我想要的 REAL HTML。例如，iframe(YouTube 视频)被制作成示例图像，而不是真正的 iframe。

因此，我尝试从编辑器获取 HTML 代码(与单击编辑器内的“源代码”时显示的 HTML 相同)。

但是我还没有成功。

这是我现有的(工作，但没有获得真正的 HTML)脚本的工作原理:

1) 获取#MyWrapper中的所有HTML内容

2) Jquery:将其添加到名为 #ForSaving 的不可编辑且隐藏的 DIV 中，这样我就可以轻松访问并保存它

3) 然后我有一个 javascript 将其保存到文件中。

今天，任务#1(上面)是使用以下方法解决的:

jQuery("#ForSaving").html(jQuery(".MyWrapper").html());

但是我应该有一个解决方案来从 DIV 中的多个内联编辑器获取真正的 HTML。

我尝试过tinymce.get('...');等等，但我无法从多个编辑器获取 HTML。

感谢任何帮助。 :-)

补充:我通过搜索“tinymce multiple instances getcontent”找到了这一点: How to get tinyMCE content from more than one text area

Thariama 添加了一条回复，告知使用此功能:

for (i=0; i < tinyMCE.editors.length; i++){
    var content = tinyMCE.editors[i].getContent();
    alert('Editor-Id(' + tinyMCE.editors[i].id + '):' + content);
}

但是我不明白如何将其与:

jQuery("#ForSaving").html(jQuery(".MyWrapper").html());

我不太擅长 javascript 编码。

我恳请你帮我把这些结合起来。谢谢:-)

Answer 1

难道你不应该使用数据库吗？很确定你允许这样的保存会让自己面临巨大的安全漏洞..

http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

直接来自网站~

// Get the HTML contents of the currently active editor
console.debug(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()