wangEditor5怎么设置图片的尺寸只能为百分之30

WangEditor 5 是一个富文本编辑器，其本身并不直接提供对图片尺寸限制的功能。但是，你可以通过自定义插件或者在编辑器允许的基础上添加一些JavaScript来实现这个功能。

以下是一个简单的步骤说明：

1. **获取编辑器实例**：
首先，你需要获取到wangEditor实例以便对其进行操作。例如：

   const editor = new WangEditor(editorId);

2. **添加图片上传钩子**：
为了处理图片上传后的尺寸限制，可以在`uploadImage`方法中增加尺寸检查。当图片上传后，检查其宽高是否满足条件，如果不符合，则调整大小再插入。

editor.config.uploadImageHooks = function (url, res) {
    const imgData = res.data;
    if (!imgData.width || !imgData.height) return url; // 图片未包含尺寸信息

    const maxPercent = 30; // 最大百分比限制
    const maxWidth = imgData.width * maxPercent / 100;
    const maxHeight = imgData.height * maxPercent / 100;

    if (imgData.width > maxWidth || imgData.height > maxHeight) {
        // 缩放图片至最大尺寸
        const canvas = document.createElement('canvas');
        const ctx = canvas.getContext('2d');
        canvas.width = maxWidth;
        canvas.height = maxHeight;
        ctx.drawImage(imgData, 0, 0, maxWidth, maxHeight);
        const resizedUrl = canvas.toDataURL();
        return resizedUrl; // 返回缩放后的URL
    }
    return url;
};

请注意，这只是一个基本的示例，实际应用可能需要考虑更多细节，比如跨域图片、用户取消等场景。