iframe内容更改时捕获事件

时间:2015-05-13 17:41:37

标签: jquery events iframe rich-text-editor sceditor

我正在使用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>

1 个答案:

答案 0 :(得分:1)

使用

$(pointerToContainerEditor).sceditor('instance')

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

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

使用.bind()向编辑器添加事件侦听器。最常见的DOM事件可用。 使用.val()获取当前模式下的当前值。阅读上面的链接以获取更多信息,请随时询问您是否仍然无法获得它。