Javascript 从wysihtml5文本区域注入iframe

我已经将一个简单的文本框变成了一个具有编辑功能的文本框。该项目需要文本框将其html注入iframe。在安装编辑器之前，一切都很顺利。现在，iframe注入的jQuery不再工作，因为编辑器已将textarea转换为iframe。关于如何将下面的jQuery转换为与编辑器一起工作，有什么想法吗

    (function() {

    var frame = $('iframe#preview'),
        contents = frame.contents(),
        body = contents.find('body'),
        styleTag = contents
                   .find('head')
                   .append('<style>*{font-family:arial}h2{color:#CC6600}</style>')
                   .children('style');

    $('textarea').focus(function() {
      var $this = $(this);

    $this.keyup(function() {
      body.html( $this.val() );
    });
  });
})();

我知道$'textarea'中需要更改一些内容。焦点呼叫，我不知道是什么。我是javascript/jQuery领域的新手，已经尝试过一些可能性，但到目前为止还没有弄清楚这一点

---

非常感谢您的帮助。

正如我所知，我可能知道我在说什么，您不能将css样式应用于父文档中iframe之外的iframe。您应该尝试在iframe中嵌入样式。这是因为浏览器样式与文档一起工作，但iframe是另一个文档，必须附带自己的css样式。希望这有帮助