2009-06-29 40 views
0

我試圖爲我公司的新聞稿開發一個簡單的管理系統,而且這個系統的一個要求是它有一個用於新聞稿內容的wysiwyg界面。該公司有四個網站,並希望將所有新聞稿放在一個地方,並讓這四個網站從那裏提取必要的數據。無論如何,wysiwyg編輯會讓非開發人員更容易進入新聞稿。iframe在jQuery對話框中不可編輯?

所以這就是我想要做的。爲了給它一些pizzaz(如果它看起來不錯,老闆認爲它是好的),我試圖使用一個jQuery模式對話框,填充jQuery選項卡,以引導通過進入新聞稿的過程中的任何人。在最後一頁,有一個iframe,應該可以使用designMode = "on"和exeCommand來編輯...

當我只是把這個iframe放在一個普通的頁面,它工作正常。我可以編輯的東西,我可以加粗他們,添加斜體,等等等等......但是,當它在對話框中時,它不可編輯。我無法輸入它或任何東西。

回答

1

我有相同的場景。解決方案相當簡單。一旦使IFRAME可見,應該在IFRAME上設置designmode = on屬性。你甚至不能把iframe放在左邊:-1000px,並設置「designmode = on」。 IFRAME應該在屏幕區域內可見。所以解決方法是先顯示IFRAME,然後將設計模式屬性設置爲ON。

0

您可能在框架之間在鍵盤事件的處置方面存在競爭。如果您將JS調試器設置爲在下一條語句上中斷並按下某個鍵,會發生什麼情況?這種行爲是否以相同的方式在瀏覽器中發生?

+0

雅知道,我應該先檢查IE。它在IE中工作。但在Chrome,Firefox,Safari或Opera中無法使用。至於調試,我甚至不知道在哪裏爲JQuery放置斷點。整個腳本被最小化,所以變量名稱並不是最清晰的。 – 2009-06-29 21:18:16

相關問題