我正在编写一个编辑器，我想打开编辑文本的“预览” View 。我希望它有自己的 css 和 javascript，独立于主编辑器窗口。但是，在新选项卡中打开它很尴尬(用户必须将一个选项卡中的预览与另一个选项卡中的源进行比较)；主窗口的 iframe 中没有空间供它放置；在新窗口中打开预览也具有打开空白选项卡和窗口的效果(在某些浏览器中，具有某些设置)，空白选项卡从主窗口获得焦点。所以这些都不令人满意。
真正有用的是类似于 jquery 基本对话框的东西，它将预览限制在主窗口框架内出现(因此它不会丢失在桌面的某个地方)，并且还允许您编辑文本在主窗口中(即，非模态)。但是——我无论如何都看不到将整个 html 页面及其自己的 css 和 js 文件等加载到 jquery 基本对话框中。事实上，我怀疑这是不可能的，因为 jquery 将对话框视为主页的一部分，因此不能有单独的等。
那么，关于如何做到这一点有什么想法吗？我会满足于只打开一个新窗口而不打开一个选项卡的能力——但不知道如何从 javascript 中做到这一点。
并且——预览的内容是动态生成的，不能来自静态文件。
PS:我认为这可以通过在基本对话中嵌入 iFrame 来实现。好吧，那么好吧——如果有人有其他选择，我们将提供特别奖品。
彼得
最佳答案
使用 iframe。您需要打开一个新的上下文窗口，因为您可能会有另一组样式表和其他上下文敏感的全局定义。
关于javascript - 在模态对话中打开完整的 html(带有 head、css 等)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17863486/