Как скрыть ckeditor, когда мы щелкаем за пределами редактора? - PullRequest
Новая
       17

Как скрыть ckeditor, когда мы щелкаем за пределами редактора?

3 голосов
/ 21 ноября 2011

Вот мой код: 

<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, я мог его скрыть.

Ответы [ 2 ]

3 голосов
/ 21 ноября 2011 
$('body').click(function(event){

    if($(event.target).parents('#articleEditor').length <= 0)
         $('#articleEditor').hide();
})
1 голос
/ 08 апреля 2015

Решение подобной проблемы не работало для меня из-за кликов в диалоговых виджетах.Я закончил с использованием 

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

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