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

时间:2012-10-28 08:22:56

标签: iframe text editor

好的伙计们,我正在制作一个基本的文本编辑器。我有一个iframe用户将编写他们的HTML代码。我正在使用JavaScript execommand来完成一些WYSIWYG函数,比如Bold,Italic等。一切都像BOSS一样工作正常。

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

这是我的代码iframe:

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

以下是我在DQuery UI对话框中预览编写代码的DIV:

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

以下是我在JQuery UI对话框中预览的JavaScript代码:

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

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

感谢

0 个答案:

没有答案
相关问题