當我們點擊編輯器之外時如何隱藏ckeditor？

這裏是我的代碼：當我們點擊編輯器之外時如何隱藏ckeditor？

<div id="showReplyDiv"> 
    <form id="test"> 
    <div> 
     <textarea id="articleEditor" name="articleVO.articleC"></textarea> 
      <script type="text/javascript"> 
      CKEDITOR.replace('articleEditor',{customConfig : '/Forum/ckeditor/replyCKEditor.js'}); 
     </script> 
    </div> 
    <div id="buttonArea"> 
     <input type="button" id="doReply" value="submit"/> 
     <input type="button" id="cancel" value="cancel"/> 
    </div> 
    </form> 
</div>

我想它，以便當用戶點擊這個ckEditor以外的任何位置，我可以將其隱藏。

來源

2011-11-21 Gentle Song

你到目前爲止嘗試過什麼？您需要提出具體問題，而不是要求某人爲您解決問題。 – Jordan

對不起，我是jquery和ckeditor的初學者，大概兩天，並且我嘗試了一些方法，但它不起作用， –

$('body').click(function(event){ 

    if($(event.target).parents('#articleEditor').length <= 0) 
     $('#articleEditor').hide(); 
})

來源

2011-11-21 07:13:32 erimerturk

感謝您的回答，我將它改爲垃圾並適用於我的應用程序 –

hello，還有另外一個問題，當我想插入圖片時，我點擊工具欄上的圖片，然後選擇一張圖片，但ckeditor消失了 –

由於對話框小部件中的點擊，類似問題的解決方案對我無效。我結束了使用

$('body').click(function(event){ 

    if($(event.target).parents('#articleEditor').length <= 0 && $(event.target).parents('.cke_dialog').length <= 0) 
     $('#articleEditor').hide(); 
})

來源

2015-04-08 10:37:49 jmatos

當我們點擊編輯器之外時如何隱藏ckeditor？

回答

相關問題