vue中使用wangEditor 5富文本自定义扩展新功能，劫持菜单点击操作并重写业务

业务需求：在点击全屏和退出全屏时，做一些业务操作。

wangEditor 5的安装和使用参考官网：https://www.wangeditor.com/v5/for-frame.html

这里只举例劫持编辑器事件和操作（插件）的方法

1、创建with-editor-api.js文件，用来重写wangEditor的API操作

function withEditorApi(editor) {
  const { fullScreen, unFullScreen } = editor // 获取当前 editor API
  const newEditor = editor

	// 重写点击全屏操作
  newEditor.fullScreen = () => {
    console.log('点击全屏fullScreen=====')
    // ... 一些自己的业务
   // 这里是执行编辑器自带的全屏API方法
    fullScreen()
  }
	// 重写点击退出全屏
  newEditor.unFullScreen = () => {
    console.log('点击退出全屏unFullScreen====')
    // ... 一些自己的业务
   // 这里是执行编辑器自带的退出全屏API方法
    unFullScreen()
  }


  // 返回 newEditor ，重要！
  return newEditor
}

export default withEditorApi;

2、在main.js中注册此插件

import { Boot } from '@wangeditor/editor';
// with-editor-api.js文件的路径
import withEditorApi from '@/utils/with-editor-api.js';

Boot.registerPlugin(withEditorApi);