僅在用戶編輯內容時顯示TinyMCE控件

Question

我有textarea控件，我正在使用TinyMCE庫向此textarea添加內容編輯功能。

最初當頁面加載時，textarea將不會有任何其他格式控制。但是當用戶點擊textarea時，tinyMCE控件應該被添加到textarea中。

我能做到這一點使用此jQuery代碼：

$("textarea").focus(function(){ 
    $(this).tinymce(); 
}); 

但是，當我想要隱藏的控制問題開始，當用戶移出文本框。我找不出一種方法將blur事件處理程序關聯到此文本區域，因爲tinyMCE會用內部iframe和格式化內容替換我的textarea。

只有在用戶編輯內容並在用戶離開編輯區域時隱藏它們，才能顯示tinyMCE控件嗎？

Answer 1

您應該只需撥打$(this).tinymce();一次（textarea第一次獲得焦點）。 它獲得焦點的第二次你應該叫

tinyMCE.get(editorid).show(); 

To hide the tinymce並顯示textarea的，你應該叫

tinyMCE.get(editorid).hide(); 

您可以撥打這個時候，即當父文件獲得焦點。

$(document).focus(function(){ 
    tinyMCE.get(editorid).hide(); 
});