Добавьте кнопку закрытия на весь экран 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 является событием щелчка.Проверьте цель события щелчка и на основании этого запустите 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...
      });
   }
});