Update editor.js

js/editor.js

@@ -15,6 +15,8 @@ function initEditor() {
     const popup = document.getElementById("block-popup");
     const hiddenContentInput = document.getElementById("content");
 
+    const initialImages = [];
+
     // Pop-up umschalten bei Klick auf das Plus
     plusButton.addEventListener("click", () => {
         popup.classList.toggle("hidden");
@@ -35,25 +37,19 @@ function initEditor() {
         blockDiv.classList.add("editor-block");
         blockDiv.setAttribute("data-type", type);
 
-        // Löschen-Button für den Block
+        // Wenn es ein existierendes Server-Bild beim Laden ist, Pfad im globalen Array sichern
+        if (type === "image" && value && typeof value === 'string' && value.startsWith('uploads/')) {
+            initialImages.push(value);
+            blockDiv.setAttribute("data-value", value);
+        }
+
+        // Löschen-Button
         const deleteBtn = document.createElement("button");
         deleteBtn.type = "button";
         deleteBtn.innerHTML = "✕";
         deleteBtn.classList.add("delete-block-btn");
         deleteBtn.addEventListener("click", () => {
-            const blockType = blockDiv.getAttribute("data-type");
-
-            // holt den Pfad aus dem data-value Attribut des divs
-            const blockValue = blockDiv.getAttribute("data-value");
-
-            if (blockType === "image" && blockValue && blockValue.startsWith("uploads/")) {
-                const deletedInput = document.getElementById("deleted-images");
-                if (deletedInput) {
-                    let deletedList = JSON.parse(deletedInput.value || "[]");
-                    deletedList.push(blockValue);
-                    deletedInput.value = JSON.stringify(deletedList);
-                }
-            }
+            // ANPASSUNG 2B: Logik hier komplett geleert. Das '✕' entfernt den Block jetzt nur noch sicher aus dem HTML.
             blockDiv.remove();
         });
         blockDiv.appendChild(deleteBtn);
@@ -98,23 +94,44 @@ function initEditor() {
         container.appendChild(blockDiv);
     }
 
-    // Beim Abschicken: HTML-Blöcke auslesen und als JSON-String serialisieren
+    // beim Abschicken verbliebene Blöcke auslesen UND gelöschte Bilder ermitteln
     form.addEventListener("submit", function(e) {
         const blocks = [];
+        const currentImages = [];
+
+        // alle aktuell im Formular verbliebenen Blöcke scannen
         container.querySelectorAll(".editor-block").forEach(blockDiv => {
             const type = blockDiv.getAttribute("data-type");
-            let value = "";
+            let value = blockDiv.getAttribute("data-value") || "";
 
             if (type === "text") {
                 value = blockDiv.querySelector("textarea").value;
             } else if (type === "image") {
-                value = blockDiv.getAttribute("data-value") || "";
+                // Pfade sammeln, die der Nutzer NICHT gelöscht hat
+                if (value && value.startsWith('uploads/')) {
+                    currentImages.push(value);
+                }
             }
 
             blocks.push({ type: type, value: value });
         });
 
+        // das reguläre unsichtbare Content-Feld befüllen
         hiddenContentInput.value = JSON.stringify(blocks);
+
+        // Welche Bilder aus 'initialImages' fehlen in 'currentImages' ?
+        const deletedImages = initialImages.filter(img => !currentImages.includes(img));
+
+        // 'deleted_images'-Feld dynamisch erzeugen
+        let deletedInput = document.getElementById("deleted-images");
+        if (!deletedInput) {
+            deletedInput = document.createElement("input");
+            deletedInput.type = "hidden";
+            deletedInput.id = "deleted-images";
+            deletedInput.name = "deleted_images";
+            form.appendChild(deletedInput);
+        }
+        deletedInput.value = JSON.stringify(deletedImages);
     });
 
     // Existierende Blöcke laden (stellt alte Daten aus der Session wieder her)

php/controller/updateArticle-controller.php

@@ -76,7 +76,7 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
         if (!file_exists($uploadDir)) {
             mkdir($uploadDir, 0755, true);
         }
-        /*
+        
         // ----------------- Gelöschte Bilder über die JS-Löschliste entfernen -----------------
         if (isset($_POST['deleted_images'])) {
             $deletedImages = json_decode($_POST['deleted_images'], true);
@@ -103,53 +103,8 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
                     }
                 }
             }
-        }*/
-        // ----------------- Gelöschte Bilder über die JS-Löschliste entfernen -----------------
-        if (isset($_POST['deleted_images'])) {
-
-            $rawPostData = $_POST['deleted_images'];
-
-            // DIAGNOSE 1: Wenn die Daten gar nicht ankommen oder leer sind, brechen wir ab und zeigen es an
-            if (empty($rawPostData) || $rawPostData === '[]') {
-                // Falls das Feld leer ankommt, entkommentieren Sie die nächste Zeile zum Debuggen:
-                die("Fehler: Das Feld 'deleted_images' kam leer oder als '[]' im Controller an!");
         }
 
-            // Eventuell maskierte Anführungszeichen (Sicherheits-Overhead) bereinigen
-            $rawPostData = stripslashes($rawPostData);
-
-            $deletedImages = json_decode($rawPostData, true);
-
-            // DIAGNOSE 2: Wenn das JSON nicht dekodiert werden kann, zeigen wir den JSON-Fehler an
-            if (json_last_error() !== JSON_ERROR_NONE) {
-                die("JSON-Dekodierungsfehler im Controller: " . json_last_error_msg() . " | Rohdaten: " . htmlspecialchars($rawPostData));
-            }
-
-            $uploadDir = realpath(__DIR__ . '/../../uploads') . DIRECTORY_SEPARATOR;
-
-            if (is_array($deletedImages)) {
-                foreach ($deletedImages as $imagePath) {
-                    $filename = basename($imagePath);
-                    $fullDeletePath = $uploadDir . $filename;
-
-                    // DIAGNOSE 3: Wir prüfen, was genau PHP anstellt
-                    if (file_exists($fullDeletePath)) {
-                        if (!unlink($fullDeletePath)) {
-                            $error = error_get_last();
-                            die("Datei existiert unter " . $fullDeletePath . ", aber unlink() schlug fehl. Grund: " . $error['message']);
-                        } else {
-                            // ERFOLG! Datei wurde gelöscht. Sie können diese Zeile später entfernen.
-                            // die("Erfolgreich gelöscht: " . $fullDeletePath);
-                        }
-                    } else {
-                        // PHP findet die Datei nicht. Wir geben den exakten Pfad aus, an dem gesucht wurde
-                        die("Fehler: PHP sucht die Datei, aber sie existiert nicht unter diesem Pfad: <br><strong>" . $fullDeletePath . "</strong>");
-                    }
-                }
-            }
-        }
-// ----------------- Ende der Lösch-Logik -----------------
-
         // ----------------------- NEU hinzugefügte Base64-Bilder: --------------------------
         if (is_array($blocks)) {
             foreach ($blocks as &$block) {