如何在 Quill Editor-React 中更改图像大小？答案

【问题标题】：How can I alter image size in a Quill Editor- React?如何在 Quill Editor-React 中更改图像大小？
【发布时间】：2020-05-26 12:04:17
【问题描述】：

我想让用户灵活地在羽毛笔编辑器中更改图像大小，我该怎么做？我目前正在这样做，但我遇到了错误。这是我的代码：

Quill.register("modules/imageResize", ImageResize);

Editor.modules = {
  toolbar: [
    [{ header: "1" }, { header: "2" }, { font: [] }],
    [{ size: [] }],
    ["bold", "italic", "underline", "strike", "blockquote", "code-block"],
    [
      { list: "ordered" },
      { list: "bullet" },
      { indent: "-1" },
      { indent: "+1" }
    ],
    ["link", "image", "video"],
    ["clean"]
  ],
  imageResize: {
    displaySize: true
  }
};

我的错误是：

TypeError: Cannot read property 'register' of undefined Function.register C:/Users/muddinahmed/Documents/My Learning/Projects/React/blog-app/node_modules/quill/dist/quill.js:1122 1119 | this.imports[路径] = 目标； 1120 | if ((path.startsWith('blots/') || path.startsWith('formats/')) && target.blotName !== 'abstract') { 1121 | _parchment2.default.register(目标); > 1122 | } else if (path.startsWith('modules') && typeof target.register === 'function') { | ^ 1123 |目标.注册（）；第1124章1125 | }

怎么做？

【问题讨论】：

您遇到的错误是什么？
TypeError: 无法读取未定义 Function.register C:/Users/muddinahmed/Documents/My Learning/Projects/react/blog-app/node_modules/quill/dist/quill.js 的属性“注册” :1122 1119 | this.imports[path] = target; 1120 | if ((path.startsWith('blots/') || path.startsWith('formats/')) && target.blotName !== 'abstract') { 1121 | _parchment2.default.register(target); > 1122 | } else if (path.startsWith('modules') && typeof target.register === 'function') { | ^ 1123 | target.register(); 1124 | } 1125 | }

标签： javascript reactjs dom-events quill

【解决方案1】：

import ImageResize from 'quill-image-resize-module-react';

Quill.register('modules/imageResize', ImageResize);

modules = {
  imageResize: {
     parchment: Quill.import('parchment'),
     modules: ['Resize', 'DisplaySize']
  }
}

【讨论】：

感谢您提供此代码 sn-p，它可能会提供一些有限的即时帮助。 proper explanation 将通过展示为什么这是解决问题的好方法，并使其对有其他类似问题的未来读者更有用，从而大大提高其长期价值。请edit您的回答添加一些解释，包括您所做的假设。