javascript - 如何在 Angular 中捕获tinyMCE的全屏事件

Question

我已经在使用 Angular 的 5 月网站中添加了tinyMCE。我无法捕获tinyMCE 的全屏事件。我查了这里的主题并尝试了很多方法，但仍然没有成功。

-通过编辑器设置中的以下代码，我可以捕获“更改”、“重做”、“撤消”事件:

setting = {
  selector: 'textarea',
  ...
  setup: function(e) {
    e.on('undo', function () {
      some codes;
    });
  },
};

但是“全屏”在这里似乎不起作用，无论是工具栏上的按钮还是菜单中的按钮。

-我还尝试通过在 DOM 中查找全屏类来获取它:

if ( angular.element('.mce-fullscreen').length ) {
    console.log('fullscreen');
  }

请问大家有什么建议吗？非常感谢。

Answer 1

如果您查看全屏插件的源代码，您将看到这一行:

editor.fire('FullscreenStateChanged', {state: fullscreenState});

...所以当您进入全屏时，编辑器将发出 FullscreenStateChanged 事件。然后您可以像这样使用该事件:

setup: function (editor) {
   editor.on('FullscreenStateChanged', function () {
       console.log('FullscreenStateChanged event fired.');
   });
}