2012-02-21 82 views
1

我曾經和tinymce一起工作過,但是當我想把它放到fancybox中時會引起很多麻煩(第二次啓動fancybox窗口失敗)。 Cleditor也不起作用(顯示「true」而不是編輯器)。有沒有編輯器可以在沒有任何奇怪的技巧的情況下工作?哪個wysiwyg編輯器可以在fancybox上正常工作?

編輯:

$('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no', 
     beforeShow: function() { tinymce.execCommand('mceToggleEditor', false, 'fbwysiwyg'); }, 
     beforeClose: function() { tinymce.EditorManager.execCommand('mceRemoveControl', true, 'fbwysiwyg'); } 
    }); 

EDIT2(固定回調)

$('.fancybox_with_wysiwyg').fancybox({ 
    padding: 1, 
    scrolling: 'no', 
     onComplete : function() { 
      tinyMCE.execCommand('mceToggleEditor', false, 'fbwysiwyg'); 
    }, 
     onCleanup : function() { 
      tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg'); 
    }   
}); 

(感謝Thariama)

$('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no', 
      onComplete: function() { tinymce.execCommand('mceAddControl', false, 'fbwysiwyg'); }, 
      onClosed: function() { tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg'); } 
     }); 
+3

如果配置正確的編輯器應該工作。如果您發佈了具體的錯誤,我們會盡力幫助。否則你的問題可能會被關閉。 – jrummell 2012-02-21 15:36:26

+1

感謝您的幫助。所以,讓我們再試一次tinymce。沒有具體的錯誤。當我用我的tinymce啓動fancybox時,一切正常。但隨着其他的開始,編輯器被禁用。我認爲關閉它是有問題的。看看更新後的帖子。 – zachar 2012-02-21 15:46:15

+0

請包括您嘗試的代碼。 – jrummell 2012-02-21 15:48:31

回答

2
>I used to work with tinymce, but it causes lot of troubles when I want to put 
>it to fancybox (fails with second start of fancybox window). 

這種情況的簡單解決方案是在第二次重新初始化之前正確關閉tinymce。

要閉上你的編輯器實例降下來

tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg'); 

更新:您需要使用

$('.fancybox_with_wysiwyg').fancybox({padding: 1, scrolling: 'no', 
     beforeShow: function() { tinymce.execCommand('mceToggleEditor', false, 'fbwysiwyg'); }, 
     beforeClose: function() { tinyMCE.execCommand('mceRemoveControl', false, 'fbwysiwyg'); } 
    }); 
+0

嗯,我很困惑。現在我甚至無法關閉我的fancybox窗口。我會很感激,如果你看看我的功能(我會更新第一篇文章) – zachar 2012-02-21 16:54:28

+0

看到我更新的答案 – Thariama 2012-02-21 17:05:13

+0

fancybox沒有beforeShow和beforeClose回調。我可以使用onStart和onClosed而不是它們(檢查,兩個作品)?我只是試圖實現你的解決方案,但仍然有些問題,並且tinyMCE以fancybox的第二次啓動失敗。 – zachar 2012-02-21 17:18:00

2

CKEditor明確工作,因爲我一直在努力把它放在Fancybox今天下午:)

您可能會遇到的問題是,當模式窗口插件刪除並重新創建模態內的textarea。在這種情況下,當顯示textarea時,您需要重新綁定WYSIWYG。

+0

謝謝,我現在會試試:) – zachar 2012-02-21 15:49:48

+0

你如何重新綁定它?你能給個例子嗎? – neokio 2012-02-23 11:12:42

+0

CKEditor在Fancybox中可以正常工作,除了涉及到Chrome時,我一直在遇到實際問題! – 2012-10-21 21:40:40