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事件。检查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...
      });
   }
});

添加一个关闭tinyMCE全屏幕的按钮

1 个答案: