以字符串形式获取iframe内容

Question

我使用一个jquery插件来生成RTF编辑器。 该编辑器生成如下结构：

<div id="editor" ... >
   ...
   <iframe>
      <!DOCTYPE html>
      <html>
         <head>...</head>
         <body>
            //some important content here and I need to get them
         </body>
      </html>
   </iframe>
</div>

现在，我想将所有内容作为String放入iframe体内。 我测试了$("#editor").contents().find("body") ，但这返回了我一个对象，而不是字符串。 还尝试了$("#editor").contents().find("body").outerHTML ，但这返回了undefined 。 我怎样才能做到这一点？ 请帮我。 感谢您的时间。

编辑：

我使用SCEditor插件。 正如Ramesh所说，我使用了val()方法，但仍然在Firebug控制台中返回了我(an empty string) 。 这是我的代码：

var instance = $("textarea").sceditor({
        plugins: "bbcode",
        style: "../../editor/minified/jquery.sceditor.default.min.css",
        //some othe options
    });
    $("#save").click(function(){
        console.log(instance.val());
    });

正如Ramesh所建议的那样，我使用了$('textarea').sceditor('instance').val()并成功了。

Answer 1

jQuery对象是类似于对象的数组，您可以按索引访问innerHTML属性（查看控制台输出）：

 console.log($('iframe')[0].innerHTML); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id="editor"> <iframe> <!DOCTYPE html> <html> <head></head> <body> some important content here and I need to get them </body> </html> </iframe> </div> 

Answer 2

尝试：

var contain = document.getElementById('iframe').contentWindow.document.body.innerHTML ;
// Use contain where need .

注意：仅当iframe来源位于同一域中时才有效。

Answer 3

在SCEditor中获取富文本框的值时，必须使用.val方法

val（）由于：1.3.5

获取编辑器的当前值。

这将从WYSIWYG编辑器返回过滤的HTML，或者从源编辑器返回未过滤的内容。

如果使用类似于BBCode插件的过滤HTML的插件，则对于BBCode插件，这将返回过滤的HTML或BBCode。

句法

var val = instance.val();

返回类型： String

编辑器的过滤值

Answer 4

我希望这有帮助：

// Gives you the DOM element without the outside wrapper you want
$('.classSelector').html()

// Gives you the inside wrapper as well
$('.classSelector')[0].innerHTML