tinymce 限制上传图片宽高，大小

1. 第一步：如果只是统一对所有图片进行限制，我们只需要给富文本里面所有的img标签统一给一个样式即可，代码如下：

tinymce.init({
  ...其他配置，
  content_style: 'img {max-width:100px;max-height:200px;vertical-align:top}',
});

2. 第二步：第一种方式虽然能够实现对图片的控制,但是相信大家也能看出来，这样做不能自适应于各种图片，会让图片出现变长变宽的效果，这样子肯定是不好的，所以我们需要用到paste粘贴插件来进行拦截修改，代码如下；

import "tinymce/plugins/paste";
tinymce.init({
  ...其他配置，
  content_style: 'img {max-width:100px;max-height:200px;vertical-align:top}',
  paste_postprocess: async function (plugin, args) {
  // args.node可以获取到粘贴过来的所有dom节点，直接可以用操作dom的方式取修改它
  // 注意此函数不需要return返回值，直接修改即可
    console.log("复制粘贴paste_postprocess", args.node);
    // 先拿到复制过来的所有dom节点
    const nodeList = args.node.childNodes;
    // 判断复制过来的是否只有图片
    let imgFlag = false;
    for (let i = 0; i < nodeList.length; i++) {
       let el = nodeList[i];
       if (el.localName === "img") imgFlag = true;
     }
      if (nodeList.length === 1 && imgFlag) {
        let base64 = {
          dataURL: nodeList[0].src,
          type: "image/jpeg",
        };
        // 将复制过来的图片地址base64转换成file文件
        const file = base64ToFile(base64, new Date().getTime()),
        // 将文件上传到自己的服务器，拿到url，此处需要替换
        const data = request({
          file
        })
        // 动态创建img标签，如果不创建则拿不到图片的宽高
        const img = document.createElement("img");
        img.src = data.url;
        img.onload = () => {
          // 等图片加载完成之后等比例缩放图片，我这边写的是所有图片高度统一50
          const scale = img.naturalHeight / 50;
          // 按比例算出高度为50的图片宽度
          const width = (img.naturalWidth / scale).toFixed(0);
          const height = 50;
          const style = `style="width:${width}px;height:${height}px;"`;
          // 通过tinymce的execCommand方法将生成的img标签插入到富文本中
          tinymce.execCommand(
            "mceInsertContent",
            false,
            `<img src=${data.url}  ${style}/><br/>`
          );
        };
      }
  }
})
function base64ToFile(dataUrl, name) {
  var arr = dataUrl.dataURL.split(","),
    mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]),
    n = bstr.length,
    u8arr = new Uint8Array(n);
  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }
  return new File([u8arr], name + ".jpg", { type: "image/jpg" });
}