vue-quill-editor 设置图片大小

在 Vue Quill Editor 中设置图片大小可以通过自定义配置来实现。首先，你需要在 Vue 组件中引入所需的 Quill 插件和相关的 CSS 样式。

接下来，在 Vue 组件的 `data` 属性中定义一个 `editorOptions` 对象，并设置 `modules` 属性。在 `modules` 属性中，你可以使用 `toolbar` 选项来自定义编辑器的工具栏。

在工具栏的配置中，你可以使用 `image` 插件并设置相应的选项。其中，`imageResize` 选项可以用于调整图片大小。

以下是一个简单的示例代码，展示了如何设置图片大小：

<template>
  <div>
    <vue-quill-editor v-model="content" :options="editorOptions"></vue-quill-editor>
  </div>
</template>

<script>
import { VueEditor, Quill } from 'vue-quill-editor'
import 'quill/dist/quill.snow.css'

export default {
  data() {
    return {
      content: '',
      editorOptions: {
        modules: {
          toolbar: [
            // 其他工具按钮
            ['image'],
          ],
          // 图片插件配置
          imageResize: {
            displaySize: true, // 显示图像实际尺寸
            modules: ['Resize', 'DisplaySize', 'Toolbar'], // 可用的模块
          },
        },
      },
    }
  },
  components: {
    VueEditor,
  },
}
</script>

在上面的示例中，我们引入了 `VueEditor` 和 `Quill` 组件，并在 `data` 中定义了 `content` 和 `editorOptions`。在 `editorOptions` 中，我们配置了一个简单的工具栏，只包含了 `image` 按钮。同时，我们添加了 `imageResize` 插件，并设置了相关的选项。

通过这种方式，你可以自定义 Vue Quill Editor 中的图片大小。记得根据你的需求修改相应的配置。