在模式对话框中打开完整的html (带head、css等)

Question

我正在编写一个编辑器，我想打开编辑后的文本的“预览”视图。我希望它有自己的css和javascript，独立于主编辑器窗口。然而，在新标签中打开预览是很笨拙的(用户必须将一个标签中的预览与另一个标签中的源代码进行比较)；在主窗口中没有空间让它进入iframe；在新窗口中打开预览也有打开空白标签和窗口的效果(在某些浏览器中，有一些设置)，空白标签从主窗口中获得焦点。因此，这些都不是令人满意的。

真正起作用的是类似jquery basic对话框的东西，它将预览限制在主窗口框架内(这样它就不会在桌面的某个地方丢失)，还允许你在主窗口中编辑文本(即，非模态的)。但是--我并不认为可以将一个包含head的整个html页面、它自己的css和js文件等加载到jquery basic对话框中。事实上，我怀疑这是不可能的，因为对话框被jquery视为主页的一部分，因此不能有单独的etc。

那么，对于如何做到这一点，有什么想法吗？我只满足于在不打开标签的情况下打开一个新窗口的能力--但我不知道如何在javascript中做到这一点。

预览的内容是动态生成的，不能来自静态文件。

PS:我认为这可以通过在基本对话中嵌入一个iFrame来实现。好吧，好吧--特别的奖品，如果有人有其他选择的话。

彼得

Answer 1

使用iframe。您需要打开一个新的上下文窗口，因为您可能会有另一组词汇表和其他上下文敏感的全局定义。