iframe 内容变化时捕获事件

Question

我正在使用 SCEditor 插件作为丰富的编辑器。这个插件在我的 html 页面中生成一个 iframe。当我键入所有内容时，此编辑器会在该 iframe 中添加一些 html 元素。现在，我需要 捕获有关更改 iframe 内容的事件。我该怎么做？

这是插件生成的 html 代码：

<div id="editor" ... >
     ...
    <iframe>
       <!DOCTYPE html>
       <html>
          <head>...</head>
          <body>
              //This content changes when i type every thing
          </body>
      </html>
    </iframe>
</div>

Answer 1

使用

$(pointerToContainerEditor).sceditor('instance')

（考虑 $(pointerToContainerEditor) 一个变量，其中包含您使用 .sceditor() 方法初始化 SCE 时使用的相同变量。）
获取您正在使用的编辑器实例。然后使用方法

http://www.sceditor.com/api/sceditor/bind/
+
http://www.sceditor.com/api/sceditor/val/

使用.bind()向编辑器添加事件侦听器。最常见的 DOM 事件可用。使用 .val() 获取当前模式下的当前值。阅读上面的链接以获取更多信息，如果您仍然不明白，请随时询问。

iframe 内容变化时捕获事件

Capture event when iframe content changes

iframe

jquery

events

rich-text-editor

sceditor