Добавить кнопку закрытия в полноэкранный режим tinyMCE

Question

Я хочу добавить полноэкранный вариант в редактор tinyMCE. Иногда пользователи не знают, что им нужно щелкнуть значок «полноэкранный» на панели инструментов, чтобы закрыть полноэкранный режим. так в пробке в Я добавил это:

$('#mce_fullscreen_container').click(function (e) { 
    e.stopPropagation(); 
    tinyMCE.activeEditor.execCommand('mceFullScreen'); 
}); 

Однако, это также вызывается, когда пользователь щелкает внутри Wysiwyg области. mce_fullscreen_container - это серая область вокруг wysiwyg, и я хочу, чтобы при щелчке вне редактора wysiwyg полноэкранный режим закроется.

Я пробовал применить .not("#mce_fullscreen_container"), который находится внутри контейнера, не повезло.

Answer 1

Переменная с именем e является событием click. Проверьте цель события клика и на основе этого запуска tinyMCE.activeEditor.execCommand('mceFullScreen');, если это необходимо. Пальцы пересекли это, потому что у меня нет возможности проверить это на данный момент.

Для более совершенного программирования TinyMCE рассмотрите параметр конфигурации setup, который может принимать функцию, которую вы можете использовать для настройки редактора для программных событий. Это очень полезно, если вам нужно сделать несколько вещей.

http://www.tinymce.com/wiki.php/API3:event.tinymce.Editor.onClick

пример полезен в вашем контексте, как это может быть чист способом получения TinyMCE делать то, что вы хотите:

// Adds an observer to the onClick event using tinyMCE.init 
tinyMCE.init({ 
    ... 
    setup : function(ed) { 
     ed.onClick.add(function(ed, e) { 
      console.debug('Editor was clicked: ' + e.target.nodeName); 
      // check target here to see if it is your close button and if so... 
     }); 
    } 
});