在JQuery对话框中预览IFrame的代码

好了，伙计们，我正在做一个基本的文本编辑器。我有一个Iframe，用户可以在其中编写HTML代码。我正在使用JavaScript EXECOMAND实现一些所见即所得的函数，如粗体、斜体等。。一切都像老板一样运转良好

我想预览他们在JQuery对话框中编写的代码或在新窗口中打开的代码。我想知道这是否可能？我们可以用一个文本区域来实现这一点，但我在这里使用的是IFrame

这是我的代码Iframe:

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

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

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

这是我的DIV，用于预览JQuery UI对话框中的编写代码：

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

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

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

这是我要在JQuery UI对话框中预览的JavaScript代码：

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

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

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

$（函数（）{
$（“#预览”）.dialog（）；
});

当然，我只是把对话框的基本代码，但如何预览从IFrame到对话框的书面代码？例如，如果用户使用CSS或HTML在Iframe中以粗体书写“Hello”，则预览时对话框中的“Hello”一词应以粗体显示。另外，我可以知道如何通过在新窗口中打开来进行预览吗

谢谢