iframe - JQuery ダイアログ ボックスでの IFrame のプレビュー コード

Question

OK みんな、私は基本的なテキスト エディターを作っています。ユーザーが HTML コードを書き込む Iframe があります。ボールド、イタリックなどの一部の WYSIWYG 機能に JavaScript execommand を使用しています。すべてが BOSS のように正常に動作しています。

JQueryダイアログボックスに書かれたコードをプレビューしたり、新しいウィンドウで開いたりしたいです。これが可能かどうか知りたいですか？テキストエリアでこれを行うことができますが、ここでは IFrame を使用しています。

ここに私のコードIframeがあります:

<iframe name="code" id="code"></iframe>

JQuery UI のダイアログ ボックスで記述されたコードをプレビューする DIV は次のとおりです。

<div id="preview"></div>

JQuery UI のダイアログ ボックスでプレビューする JavaScript コードを次に示します。

<script>
    $(function() {
        $( "#preview" ).dialog();
    });
    </script>

もちろん、ダイアログボックスの基本的なコードを入れただけですが、IFrameからダイアログボックスに書かれたコードをプレビューするにはどうすればよいですか? たとえば、ユーザーが CSS または HTML を使用して iframe に "Hello" を太字で記述した場合、プレビュー時にダイアログ ボックスに "Hello" という単語が太字で表示されます。また、新しいウィンドウで開いてプレビューする方法も教えてください。

感謝