当我们点击编辑器之外时如何隐藏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？

回答

相关问题