1

好的，我正在制作一个基本的文本编辑器。我有一个 iframe，用户将在其中编写他们的 HTML 代码。我正在为一些所见即所得的功能（如粗体、斜体等）使用 JavaScript 执行命令。一切都像 BOSS 一样工作正常。

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

这是我的代码 Iframe：

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

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

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

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

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

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

感谢

4

0 回答 0