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


jquery ckeditor lostfocus
person Gentle Song    schedule 21.11.2011    source источник
comment
Что вы пытались до сих пор? Вам нужно задать конкретный вопрос, а не просить кого-то решить ваши проблемы за вас.   -  person Jordan    schedule 21.11.2011
comment
извините, я новичок в jquery и ckeditor, около двух дней, и я пробовал некоторые способы, но это не работает,   -  person Gentle Song    schedule 21.11.2011

Ответы (2)


arrow_upward
1
arrow_downward

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

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

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

arrow_upward

arrow_downward

person    schedule
comment
спасибо за ваш ответ, я немного изменил его и работает для моего приложения - person Gentle Song; 21.11.2011
comment
привет,есть еще вопрос,когда я хочу вставить изображение,я нажимаю кнопку на панели инструментов,затем выбираю одно изображение,но ckeditor исчез - person Gentle Song; 21.11.2011