Javascript 将关闭按钮添加到tinyMCE全屏

我想给tinyMCE编辑器添加一个全屏关闭选项。有时用户不知道他们必须单击工具栏上的“全屏”图标才能关闭全屏模式。因此，在插件中，我添加了以下内容：

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

但是，当用户在所见即所得区域内单击时，也会调用此函数

mce_全屏_容器

是所见即所得周围的灰色区域，我需要它，以便在所见即所得编辑器外部单击时，全屏模式将关闭

---

我已尝试应用

.not（“#mce_全屏_容器”）

，它位于容器内，没有任何运气。

名为

e

的变量是单击事件。检查click事件的目标，并基于该运行

tinyMCE.activeEditor.execCommand（'mciverlscreen'）如果合适。祈祷成功，因为我目前没有办法测试它

有关更高级的TinyMCE编程，请查看
设置
配置选项，该选项可以使用一个名为的函数来配置编程事件编辑器。如果你需要做很多事情，这是非常有用的


该示例在您的上下文中很有用，因为它可能是让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的“全屏”按钮查看代码？如果该按钮关闭全屏，那么您可以在自己的“关闭全屏”中重复使用该代码，该部分正在工作。我把它关上了；但是，当单击所见即所得窗口的粗体/斜体或其他按钮时，它也会关闭全屏模式。我希望它只在点击所见即所得区域外的灰色区域“mce_全屏_容器”时关闭。出于某种原因，它会传播？？？嗯，你说“mce_fullsreen_container”是灰色的，但在我的小例子中，id为“mce_ful..”的div是整个编辑器的“窗口”，意味着整个工具栏和编辑器。这就可以解释这种行为了，你在胡说八道，那么我怎么才能让编辑在点击外部时全屏关闭呢？你是说在“灰色区域”？对于灰色区域，似乎没有特别的ID，只有一个类。mceToolbar mceLeft mceFirst McEllast，你可以试试那个，但可能不起作用。唯一的方法可能是向该div添加一个ID，并使用该ID。或者，由于在该div中只有图标，因此您可以使用jquery选择该元素，而无需取出任何图标。仅当在所见即所得区域内单击时，此选项才会触发：（我有一个在4.1.7中工作的解决方案，我根据全屏模式动态添加/删除按钮-但现在当我升级到4.7.13时，他们重新设计了工具栏，因此不再能够动态添加/删除按钮！：(