如何从iframe中的TinyMCE实例获取内容
如何从iframe中的TinyMCE实例获取内容
提问于 2020-02-28 11:47:18
我有一个TinyMCE (v5)实例，它位于iframe本身中。但是，当我在父页面中提交表单时，我希望包含它的内容。由于它的内容不会自动添加到POST数据中，所以我试图拦截表单提交，将TinyMCE实例的内容复制到iframe之外的隐藏字段中，然后继续提交。
但是，我在iframe中访问TinyMCE实例时遇到了困难。
我设法以如下方式访问了iframe的内容：$('#iframe').contents().find('[name="input"]')
我知道要获得TinyMCE实例的内容，我们应该使用getContent()。但是，我不能从iframe外部获取TinyMCE实例。
我还尝试使用target选项而不是selector从iframe之外(即从父页面)初始化selector，但在这种情况下，TinyMCE甚至无法正确初始化。
有任何方法可以获得iframe的TinyMCE实例吗？这对我来说很重要，因为我希望编辑器的CSS独立于主页面。
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-02-28 12:24:21
当您将TinyMCE包含到页面中时，它会将tinymce变量注册到该页面的window，以便您可以访问它并设置编辑器。
当该页面位于iframe中时，要从父服务器访问此window，可以执行以下操作：
$('#iframe')[0].contentWindow;
// or `document.querySelector('#iframe).contentWindow` in plain JS一旦您知道了这一点，就很容易访问TinyMCE编辑器的内容：
$("#iframe")[0].contentWindow.tinymce.editors["input-id"].getContent();页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/60451091
复制相关文章
相似问题
腾讯云开发者
