在模態對話框中打開完整的html（包含頭部，css等）

Question

我正在編寫一個編輯器，並且想要打開編輯文本的「預覽」視圖。我希望這有它自己的CSS和JavaScript，獨立於主編輯器窗口。但是，在新選項卡中打開它很尷尬（用戶必須將一個選項卡中的預覽與另一個選項卡中的預覽進行比較）;在主窗口中沒有空間進入iframe;在新窗口中打開預覽也會在打開空白選項卡和窗口時發揮作用（在某些瀏覽器中進行某些設置），空白選項卡將從主窗口獲得焦點。所以這些都不令人滿意。

什麼工作真的很好會像jQuery的基本對話框，約束預覽出現在主窗口框架（所以它不會丟失在桌面某處），也允許您編輯主窗口中的文本（即非模態）。但是 - 我沒有看到將頭部，自己的css和js文件等整個html頁面加載到jQuery基本對話框中。事實上，我懷疑這是不可能的，因爲對話被jquery視爲主頁的一部分，所以不能有單獨的等。

所以，有關如何做到這一點的任何想法？我只想打開一個新窗口而無需打開一個標籤 - 但不知道如何從JavaScript中做到這一點。

而且 - 預覽的內容是動態生成的，並且不能來自靜態文件。

PS：我認爲這可以通過在基本對話框中嵌入iFrame來完成。那麼，那麼好的 - 如果有人有另一種選擇，特別獎。

Peter

Answer 1

使用iframe。您需要打開一個新的上下文窗口，因爲您可能會有另一組文本表和其他上下文相關的全局ish定義。