fix : 에디터 클릭을 통한 단일 이미지 삽입 에러 수정

techeer-sv · Nov 23, 2023 · 545abe0 · 545abe0
1 parent f8e4c13
commit 545abe0
Showing 1 changed file with 15 additions and 0 deletions.
diff --git a/Mindspace_front_next/app/map/components/WriteModal/components/WriteEditor/index.tsx b/Mindspace_front_next/app/map/components/WriteModal/components/WriteEditor/index.tsx
@@ -110,6 +110,18 @@ const WriteEditor = ({
     }
   };
 
+  const onUploadImage = async (
+    blob: File,
+    callback: (imageUrl: string, fileName: string) => void,
+  ) => {
+    uploadImageMutation(blob, {
+      onSuccess: (data) => {
+        callback(data.imageUrl, blob.name);
+      },
+    });
+    return false;
+  };
+
   const {
     mutate: uploadImageMutation,
     isLoading: isImageUploading,
@@ -158,6 +170,9 @@ const WriteEditor = ({
             <Editor
               ref={editorRef}
               placeholder="내용을 입력해 주세요"
+              hooks={{
+                addImageBlobHook: onUploadImage,
+              }}
               onChange={handleEditorChange}
               previewStyle="tab"
               height="100%"