如何从 iframe 中的 TinyMCE 实例获取内容
How to get content from a TinyMCE instance within an iframe
我有一个 TinyMCE (v5) 实例，它位于 iframe 本身内。但是，我希望在父页面中提交表单时包含其内容。由于它的内容不会自动添加到 POST 数据中，我试图拦截表单提交，将 TinyMCE 实例的内容复制到 iframe 之外的隐藏字段，然后继续提交。
但是，我无法访问 iframe 中的 TinyMCE 实例。
我设法通过这种方式访问了 iframe 的内容：
$('#iframe').contents().find('[name="input"]')
而且我知道要获取 TinyMCE 实例的内容，我们应该使用 getContent()。
但是，我无法从 iframe 外部获取 TinyMCE 实例。
我还尝试使用 target 选项而不是 selector 从 iframe 外部（即从父页面）初始化 TinyMCE，但在那种情况下 TinyMCE 甚至无法正确初始化.
有什么办法可以得到iframe的TinyMCE实例吗？将它保存在 iframe 中对我来说很重要，因为我希望编辑器的 CSS 独立于主页。
当您将 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();
我有一个 TinyMCE (v5) 实例，它位于 iframe 本身内。但是，我希望在父页面中提交表单时包含其内容。由于它的内容不会自动添加到 POST 数据中，我试图拦截表单提交，将 TinyMCE 实例的内容复制到 iframe 之外的隐藏字段，然后继续提交。
但是，我无法访问 iframe 中的 TinyMCE 实例。
我设法通过这种方式访问了 iframe 的内容：
$('#iframe').contents().find('[name="input"]')
而且我知道要获取 TinyMCE 实例的内容，我们应该使用 getContent()。
但是，我无法从 iframe 外部获取 TinyMCE 实例。
我还尝试使用 target 选项而不是 selector 从 iframe 外部（即从父页面）初始化 TinyMCE，但在那种情况下 TinyMCE 甚至无法正确初始化.
有什么办法可以得到iframe的TinyMCE实例吗？将它保存在 iframe 中对我来说很重要，因为我希望编辑器的 CSS 独立于主页。
当您将 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();