javascript - wysihtml5 テキスト領域から iframe に挿入する

Question

wysihtml5 エディターを使用して、単純なテキスト ボックスを編集機能付きのテキスト ボックスに変えました。このプロジェクトでは、テキスト ボックスがその html を iframe に挿入する必要があります。エディターをインストールする前は、うまく機能していました。エディターがテキストエリアを iframe に変換したため、iframe インジェクションの jQuery は機能しなくなりました。次の 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').focusわからないだけです。私はjavascript/jQueryの世界に不慣れで、いくつかの可能性を試しましたが、これまでのところこれを理解できていません.

洞察に感謝します。