Summernote富文本编辑器-限制图像超过特定的高度和宽度

$('#summernote').summernote({
  maxHeight: 300, // 设置最大高度为300像素
  maxWidth: 500 // 设置最大宽度为500像素
});

$('#summernote').summernote({
  onImageUpload: function(files) {
    var img = new Image();
    img.src = URL.createObjectURL(files[0]);
    img.onload = function() {
      if (img.width > 500 || img.height > 300) {
        // 图像超过指定的高度和宽度，进行调整
        var canvas = document.createElement('canvas');
        var ctx = canvas.getContext('2d');
        var ratio = Math.min(500 / img.width, 300 / img.height);
        canvas.width = img.width * ratio;
        canvas.height = img.height * ratio;
        ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
        var dataURL = canvas.toDataURL('image/jpeg');
        // 将调整后的图像插入到编辑器中
        $('#summernote').summernote('insertImage', dataURL);
      } else {
        // 图像未超过指定的高度和宽度，直接插入到编辑器中
        $('#summernote').summernote('insertImage', URL.createObjectURL(files[0]));
      }
    };
  }
});