From 3afd26333f8e798cd7ce35a66e238b1578f3688f Mon Sep 17 00:00:00 2001
From: Esenjin <esenjin@sangigi-fuchsia.fr>
Date: Sun, 16 Feb 2025 00:13:37 +0100
Subject: [PATCH] =?UTF-8?q?l'=C3=A9diteur=20de=20la=20description=20de=20r?=
 =?UTF-8?q?oman=20arrive=20d=C3=A9sormais=20=C3=A0=20h=C3=A9berger=20les?=
 =?UTF-8?q?=20images=20correctement?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 admin/story-edit.php | 79 ++++++++++++++++++++++++--------------------
 1 file changed, 44 insertions(+), 35 deletions(-)

diff --git a/admin/story-edit.php b/admin/story-edit.php
index 960707c..9a6eabd 100644
--- a/admin/story-edit.php
+++ b/admin/story-edit.php
@@ -162,7 +162,49 @@ function generateSlug($title) {
     <script src="../assets/js/story-edit.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function() {
-            // Configuration de l'éditeur de description - identique à l'éditeur de chapitres
+            // Configuration de l'éditeur de description
+            // Récupérer le storyId depuis l'input caché ou l'URL
+            const urlParams = new URLSearchParams(window.location.search);
+            const currentStoryId = document.querySelector('input[name="id"]')?.value || urlParams.get('id');
+
+            // Configuration des handlers pour les images
+            const imageUploadHandler = (editor) => {
+                const input = document.createElement('input');
+                input.setAttribute('type', 'file');
+                input.setAttribute('accept', 'image/*');
+                input.click();
+
+                input.onchange = async () => {
+                    const file = input.files[0];
+                    if (file) {
+                        const formData = new FormData();
+                        formData.append('image', file);
+                        formData.append('storyId', currentStoryId);
+
+                        try {
+                            const response = await fetch('api/upload-image.php', {
+                                method: 'POST',
+                                body: formData
+                            });
+
+                            if (!response.ok) throw new Error('Upload failed');
+
+                            const result = await response.json();
+                            if (result.success) {
+                                const range = editor.getSelection(true);
+                                editor.insertEmbed(range.index, 'image', result.url);
+                                editor.setSelection(range.index + 1);
+                            } else {
+                                showNotification(result.error || 'Erreur lors de l\'upload', 'error');
+                            }
+                        } catch (error) {
+                            console.error('Error:', error);
+                            showNotification('Erreur lors de l\'upload de l\'image', 'error');
+                        }
+                    }
+                };
+            };
+
             const descriptionEditor = new Quill('#descriptionEditor', {
                 theme: 'snow',
                 modules: {
@@ -184,40 +226,7 @@ function generateSlug($title) {
                         ],
                         handlers: {
                             image: function() {
-                                const input = document.createElement('input');
-                                input.setAttribute('type', 'file');
-                                input.setAttribute('accept', 'image/*');
-                                input.click();
-
-                                input.onchange = async () => {
-                                    const file = input.files[0];
-                                    if (file) {
-                                        const formData = new FormData();
-                                        formData.append('image', file);
-                                        formData.append('storyId', storyId);
-
-                                        try {
-                                            const response = await fetch('api/upload-image.php', {
-                                                method: 'POST',
-                                                body: formData
-                                            });
-
-                                            if (!response.ok) throw new Error('Upload failed');
-
-                                            const result = await response.json();
-                                            if (result.success) {
-                                                const range = descriptionEditor.getSelection(true);
-                                                descriptionEditor.insertEmbed(range.index, 'image', result.url);
-                                                descriptionEditor.setSelection(range.index + 1);
-                                            } else {
-                                                showNotification(result.error || 'Erreur lors de l\'upload', 'error');
-                                            }
-                                        } catch (error) {
-                                            console.error('Error:', error);
-                                            showNotification('Erreur lors de l\'upload de l\'image', 'error');
-                                        }
-                                    }
-                                };
+                                imageUploadHandler(descriptionEditor);
                             }
                         }
                     },