tinyMCE 4彈出式工具在Colorbox中失去焦點Lightbox

Question

我想將我的網站移動到tinyMCE 4，但由於版本4仍處於測試階段並且文檔http://www.tinymce.com/很漂亮此時稀疏。我已經能夠解決我的大部分問題，但是這個問題讓我不知所措，我甚至不知道如何確定問題出在哪裏。

我在http://ymsrunning.com/mce.php設立了測試網站。您會注意到使用主頁上的任何工具欄按鈕都可以正常工作。您可以輸入輸入框，並以焦點開始。

問題是當你點擊鏈接調出一個Colorbox時，那些相同的工具不起作用。即使彈出窗口出現，輸入也沒有焦點，您無法點擊它們輸入任何內容。

tinyMCE創建自己的輸入框來匹配主題，但我無法弄清楚他們對焦點做了什麼。任何關於如何進行或更好地解決問題的想法都將不勝感激。

Answer 1

原來這不是tinyMCE的問題，這是Colorbox的問題。 Colorbox可防止對其容器外的任何事物進行聚焦，並且tinyMCE會在Colorbox容器外創建其元素。 Colorbox代碼中有一個名爲「trapFocus」的函數，可以創建此行爲。代碼如下。

function trapFocus(e) { 
if ('contains' in $box[0] && !$box[0].contains(e.target)) { 
     e.stopPropagation(); 
     $box.focus(); 
    } 
} 

談到了在函數內部的內容，而不是函數本身可以讓元件保持和接受焦點，並防止彩盒從與它搞亂。我希望這可以幫助任何遇到此問題的人。