vue-quill 图片大小

在 Vue-Quill 中设置图片大小有两种方法：

1. 使用 CSS 样式控制：可以通过给图片添加样式来控制其大小。在 Quill 的配置项中，可以设置 `quillOptions` 对象中的 `theme` 属性来自定义样式。例如：

quillOptions: {
  theme: 'snow',
  // 自定义样式
  styles: {
    '.ql-editor img': {
      maxWidth: '100%', // 设置最大宽度为100%
      height: 'auto' // 高度自适应
    }
  }
}

2. 使用 Quill 插件：Vue-Quill 提供了一个插件机制，可以通过自定义插件来实现对图片大小的控制。可以创建一个自定义的插件，在插件的 `toolbar` 配置项中添加一个按钮，点击按钮时弹出一个对话框，让用户输入图片的宽度和高度。然后在插件的 `handler` 方法中获取用户输入的宽度和高度，并通过 Quill 提供的 API 来设置图片的大小。

相关问题

vue-quill-editor图片大小

问题不完整，请提供更多详细信息。您是想了解vue-quill-editor中如何改变插入图片的大小吗？如果是的话，您可以使用下面的代码：

<quill-editor
  ...
  :options="editorOption"
></quill-editor>

...

data() {
  return {
    editorOption: {
      ...
      toolbar: {
        ...
        handlers: {
          image: function() {
            var range = this.quill.getSelection();
            var value = prompt('What is the image URL');
            var img = '<img src="' + value + '">';
            this.quill.insertEmbed(range.index, 'image', img);
            // set image size
            var imgElement = this.quill.container.querySelector('image[src="' + value + '"]');
            if (imgElement) {
              imgElement.style.maxWidth = '100%';
              imgElement.style.height = 'auto';
            }
          }
        }
      }
    }
  };
}

在上面的代码中，我们通过setInterval()函数来不断地获取当前输入的文本框的值，从而实现了模糊搜索的效果。同时，我们也使用了 Ajax 技术来向后端发送请求，从而获取以某个字符串为前缀的数据。如果这些数据中，有可选项的话，我们可以将其全部渲染出来，供用户进行选择。

vue-quill-editor 图片大小 报错

根据提供的引用内容来看，如果在使用vue-quill-editor时遇到图片大小报错的问题，可能是由于缺少图片缩放和拖动的插件导致的。

首先，你需要确保已经引入了"quill-image-drop-module"和"quill-image-resize-module"这两个插件。你可以通过npm安装这两个插件，使用命令"npm i quill-image-drop-module -S"和"npm i quill-image-resize-module -S"来安装它们。

接下来，你需要在vue-quill-editor中注册这两个插件。你可以使用Quill.register()方法来注册"ImageDrop"和"resizeImage"模块。

这样做之后，你就可以在vue-quill-editor中使用图片拖放和大小调整的功能了。这些插件可以帮助你拖拽图片到编辑器中，并且可以调整图片的大小。如果你在插入图片时遇到了报错，可能是由于图片的大小超过了编辑器的限制。你可以尝试调整图片的大小，或者在插入图片之前对图片进行压缩处理，以确保图片在编辑器中可以正常显示。