diff --git a/ruoyi-ui/package.json b/ruoyi-ui/package.json
index 37bbccd63d2398fbf74d28e923ab5fdd9ddb4da5..2b9d188e7efd5c9f66c479e2f14aeb66905b1e6e 100644
--- a/ruoyi-ui/package.json
+++ b/ruoyi-ui/package.json
@@ -50,6 +50,8 @@
     "jsencrypt": "3.0.0-rc.1",
     "nprogress": "0.2.0",
     "quill": "1.3.7",
+    "quill-image-drop-module": "1.0.3",
+    "quill-image-resize-module": "3.0.0",
     "screenfull": "5.0.2",
     "sortablejs": "1.10.2",
     "vue": "2.6.12",
diff --git a/ruoyi-ui/src/components/Editor/index.vue b/ruoyi-ui/src/components/Editor/index.vue
index 6bb5a18d37010bfad15b2fa9ada3f8329f33122e..6567c7e4600bff3ba71485d78267157335696193 100644
--- a/ruoyi-ui/src/components/Editor/index.vue
+++ b/ruoyi-ui/src/components/Editor/index.vue
@@ -23,6 +23,10 @@ import "quill/dist/quill.core.css";
 import "quill/dist/quill.snow.css";
 import "quill/dist/quill.bubble.css";
 import { getToken } from "@/utils/auth";
+import resizeImage from 'quill-image-resize-module' 
+import { ImageDrop } from 'quill-image-drop-module'; 
+Quill.register('modules/imageDrop', ImageDrop);
+Quill.register('modules/resizeImage ', resizeImage ) 
 
 export default {
   name: "Editor",
@@ -71,6 +75,15 @@ export default {
         bounds: document.body,
         debug: "warn",
         modules: {
+          // 配置支持图片缩放
+          imageDrop: true,      //图片拖拽
+          imageResize: {          //放大缩小
+            displayStyles: {
+              backgroundColor: "black",
+              border: "none",
+              color: "white"
+            },
+            modules: ["Resize", "DisplaySize", "Toolbar"]
           // 工具栏配置
           toolbar: [
             ["bold", "italic", "underline", "strike"],       // 加粗 斜体 下划线 删除线
diff --git a/ruoyi-ui/vue.config.js b/ruoyi-ui/vue.config.js
index 2506c93a2052a93733322cec3c692eb9e0f81882..a08afd2a3db962cbca1eaf5a69a852d2ccc29156 100644
--- a/ruoyi-ui/vue.config.js
+++ b/ruoyi-ui/vue.config.js
@@ -5,6 +5,8 @@ function resolve(dir) {
   return path.join(__dirname, dir)
 }
 
+const webpack = require('webpack')
+
 const CompressionPlugin = require('compression-webpack-plugin')
 
 const name = process.env.VUE_APP_TITLE || '若依管理系统' // 网页标题
@@ -66,6 +68,10 @@ module.exports = {
         filename: '[path].gz[query]',   // 压缩后的文件名
         algorithm: 'gzip',              // 使用gzip压缩
         minRatio: 0.8                   // 压缩率小于1才会压缩
+      }),
+      new webpack.ProvidePlugin({
+        'window.Quill': 'quill/dist/quill.js',
+        Quill: 'quill/dist/quill.js'
       })
     ],
   },