Update editor.js

Reviewed-on: #53

.idea/dataSources.local.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
-  <component name="dataSourceStorageLocal" created-in="IU-261.25134.95">
+  <component name="dataSourceStorageLocal" created-in="IU-261.24374.151">
     <data-source name="articles" uuid="315cb5c9-2b0f-435b-b602-59823b160908">
       <database-info product="SQLite" version="3.51.1" jdbc-version="4.2" driver-name="SQLite JDBC" driver-version="3.51.1.0" dbms="SQLITE" exact-version="3.51.1" exact-driver-version="3.51">
         <identifier-quote-string>&quot;</identifier-quote-string>

README.md

@@ -36,6 +36,9 @@
 - JavaScript wird verwendet, um im erweitertem Beitragseditor clientseitig einzelne Content-Boxen erstellen und löschen 
   zu können. 
 - JavaScript wird ebenfalls verwendet, um in die Suchergebnisse clientseitig zu sortieren. 
+- Die Kommentarfunktion ist zusätzlich auch ohne JavaScript nutzbar. Kommentare und Antworten können auch ohne JavaScript erstellt werden. 
+- Eigene Kommentare und Antworten können bearbeitet und gelöscht werden. Die Bearbeitung und das Löschen funktionieren ebenfalls ohne JavaScript über normale Formulare und serverseitige Verarbeitung.
+
 
 ## Sonstiges
 - Das Datenschema befindet sich unter /planung/Datenschema.pdf

content/404.php

@@ -4,11 +4,7 @@
 -->
 <main>
 
-    <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "internal_error"): ?>
+    <?php include_once "includes/alertMessages.php"?>
-        <p class="alert-message is-error">
-            Es ist ein interner Fehler beim Speichern aufgetreten. Bitte versuche es erneut.
-        </p>
-    <?php endif; ?>
     <?php
     unset($_SESSION["message"]);
     ?>

content/showArticle.php

@@ -5,6 +5,34 @@ $repliesByParent = [];
 $articleObj = null;
 
 include_once 'php/controller/showArticle-controller.php';
+/*
+ * Ermittelt, ob ohne JavaScript auf einen Kommentar
+ * geantwortet werden soll.
+ */
+$replyTo = filter_input(
+        INPUT_GET,
+        "reply_to",
+        FILTER_VALIDATE_INT
+);
+
+$replyAuthor = null;
+
+if ($replyTo !== false && $replyTo !== null) {
+    foreach ($mainComments as $mainComment) {
+        if ($mainComment->getId() === $replyTo) {
+            $replyAuthor = $mainComment->getAuthor();
+            break;
+        }
+    }
+}
+
+/*
+ * Eine Antwort darf nur auf einen existierenden
+ * Hauptkommentar geschrieben werden.
+ */
+if ($replyAuthor === null) {
+    $replyTo = null;
+}
 ?>
 <!--
      Seite: Anzeige für Beiträge
@@ -17,8 +45,6 @@ include_once 'php/controller/showArticle-controller.php';
     <!-- Metadaten & Titel -->
     <div class="article-view-top-section">
 
-        <div class="article-view-top-section">
-
             <div class="category-and-likes-row">
                 <?php if (isset($category) && !empty($category)): ?>
                     <span class="article-view-category"><?php echo htmlspecialchars($category); ?></span>
@@ -106,39 +132,268 @@ include_once 'php/controller/showArticle-controller.php';
         </div>
     <?php endif; ?>
 
-    <section class="article-comments-section">
+    <section class="article-comments-section" id="comments">
         <h2>Kommentare</h2>
 
+        <?php if (isset($_SESSION["comment_message"])): ?>
+            <div class="alert-message <?php
+            echo ($_SESSION["comment_message_type"] ?? "") === "success"
+                    ? "is-success"
+                    : "is-error";
+            ?>">
+                <?php echo htmlspecialchars($_SESSION["comment_message"]); ?>
+            </div>
+
+            <?php
+            unset($_SESSION["comment_message"]);
+            unset($_SESSION["comment_message_type"]);
+            ?>
+        <?php endif; ?>
+
         <div id="comments-list">
             <?php if (!empty($mainComments)): ?>
                 <?php foreach ($mainComments as $comment): ?>
-                    <div class="comment-item" data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>">
+                    <div class="comment-item"
-                        <p>
+                         data-comment-id="<?php echo htmlspecialchars(
-                            <strong><?php echo htmlspecialchars($comment->getAuthor()); ?></strong>
+                                 (string) $comment->getId()
-                            <span><?php echo htmlspecialchars($comment->getCreated()); ?></span>
+                         ); ?>">
-                        </p>
 
-                        <p><?php echo nl2br(htmlspecialchars($comment->getContent())); ?></p>
+                        <?php
+                        $isDeleted = $comment->getContent()
+                                === "Dieser Kommentar wurde gelöscht.";
+                        ?>
+
+                        <?php if ($isDeleted): ?>
+
+                            <p class="deleted-comment">
+                                Dieser Kommentar wurde gelöscht.
+                            </p>
+
+                        <?php else: ?>
+
+                            <p>
+                                <strong>
+                                    <?php echo htmlspecialchars($comment->getAuthor()); ?>
+                                </strong>
+
+                                <span>
+                <?php echo htmlspecialchars($comment->getCreated()); ?>
+            </span>
+                            </p>
+
+                            <p>
+                                <?php
+                                echo nl2br(
+                                        htmlspecialchars($comment->getContent())
+                                );
+                                ?>
+                            </p>
+
+                            <?php if (
+                                    isset($_SESSION["user_email"])
+                                    && $_SESSION["user_email"] === $comment->getAuthor()
+                            ): ?>
+                                <details class="edit-comment-details">
+                                    <summary class="edit-comment-button">
+                                        Kommentar bearbeiten
+                                    </summary>
+
+                                    <form method="post"
+                                          action="index.php?pfad=updateComment"
+                                          class="edit-comment-form">
+
+                                        <input type="hidden"
+                                               name="comment_id"
+                                               value="<?php echo htmlspecialchars(
+                                                       (string) $comment->getId()
+                                               ); ?>">
+
+                                        <input type="hidden"
+                                               name="article_id"
+                                               value="<?php echo htmlspecialchars(
+                                                       (string) $comment->getArticleId()
+                                               ); ?>">
+
+                                        <label for="edit-comment-<?php
+                                        echo htmlspecialchars((string) $comment->getId());
+                                        ?>">
+                                            Kommentar bearbeiten
+                                        </label>
+
+                                        <textarea
+                                                id="edit-comment-<?php
+                                                echo htmlspecialchars((string) $comment->getId());
+                                                ?>"
+                                                name="content"
+                                                required><?php echo htmlspecialchars(
+                                                    $comment->getContent()
+                                            ); ?></textarea>
+
+                                        <button type="submit" class="button">
+                                            Änderungen speichern
+                                        </button>
+                                    </form>
+                                </details>
+
+                                <form method="post"
+                                      action="index.php?pfad=deleteComment"
+                                      class="delete-comment-form">
+
+                                    <input type="hidden"
+                                           name="comment_id"
+                                           value="<?php echo htmlspecialchars(
+                                                   (string) $comment->getId()
+                                           ); ?>">
+
+                                    <input type="hidden"
+                                           name="article_id"
+                                           value="<?php echo htmlspecialchars(
+                                                   (string) $comment->getArticleId()
+                                           ); ?>">
+
+                                    <button type="submit"
+                                            class="delete-comment-button"
+                                            onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
+                                        Kommentar löschen
+                                    </button>
+                                </form>
+
+                            <?php endif; ?>
+
+                            <?php if (isset($_SESSION["user_email"])): ?>
+
+                                <a href="index.php?pfad=<?php
+                                echo urlencode($_GET["pfad"] ?? "showArticle");
+                                ?>&id=<?php
+                                echo urlencode((string) $comment->getArticleId());
+                                ?>&reply_to=<?php
+                                echo urlencode((string) $comment->getId());
+                                ?>#comment-form"
+                                   class="reply-button"
+                                   data-comment-id="<?php echo htmlspecialchars(
+                                           (string) $comment->getId()
+                                   ); ?>"
+                                   data-author="<?php echo htmlspecialchars(
+                                           $comment->getAuthor()
+                                   ); ?>">
+
+                                    Antworten
+                                </a>
+
+                            <?php endif; ?>
 
-                        <?php if (isset($_SESSION["user_email"])): ?>
-                            <button type="button"
-                                    class="reply-button"
-                                    data-comment-id="<?php echo htmlspecialchars($comment->getId()); ?>"
-                                    data-author="<?php echo htmlspecialchars($comment->getAuthor()); ?>">
-                                Antworten
-                            </button>
                         <?php endif; ?>
 
                         <div class="comment-replies">
                             <?php if (isset($repliesByParent[$comment->getId()])): ?>
                                 <?php foreach ($repliesByParent[$comment->getId()] as $reply): ?>
                                     <div class="comment-item comment-reply">
-                                        <p>
-                                            <strong><?php echo htmlspecialchars($reply->getAuthor()); ?></strong>
-                                            <span><?php echo htmlspecialchars($reply->getCreated()); ?></span>
-                                        </p>
 
-                                        <p><?php echo nl2br(htmlspecialchars($reply->getContent())); ?></p>
+                                        <?php
+                                        $isReplyDeleted = $reply->getContent()
+                                                === "Dieser Kommentar wurde gelöscht.";
+                                        ?>
+
+                                        <?php if ($isReplyDeleted): ?>
+
+                                            <p class="deleted-comment">
+                                                Dieser Kommentar wurde gelöscht.
+                                            </p>
+
+                                        <?php else: ?>
+
+                                            <p>
+                                                <strong>
+                                                    <?php echo htmlspecialchars($reply->getAuthor()); ?>
+                                                </strong>
+
+                                                <span>
+                    <?php echo htmlspecialchars($reply->getCreated()); ?>
+                </span>
+                                            </p>
+
+                                            <p>
+                                                <?php
+                                                echo nl2br(
+                                                        htmlspecialchars($reply->getContent())
+                                                );
+                                                ?>
+                                            </p>
+
+                                            <?php if (
+                                                    isset($_SESSION["user_email"])
+                                                    && $_SESSION["user_email"] === $reply->getAuthor()
+                                            ): ?>
+
+                                                <details class="edit-comment-details">
+                                                    <summary class="edit-comment-button">
+                                                        Antwort bearbeiten
+                                                    </summary>
+
+                                                    <form method="post"
+                                                          action="index.php?pfad=updateComment"
+                                                          class="edit-comment-form">
+
+                                                        <input type="hidden"
+                                                               name="comment_id"
+                                                               value="<?php echo htmlspecialchars(
+                                                                       (string) $reply->getId()
+                                                               ); ?>">
+
+                                                        <input type="hidden"
+                                                               name="article_id"
+                                                               value="<?php echo htmlspecialchars(
+                                                                       (string) $reply->getArticleId()
+                                                               ); ?>">
+
+                                                        <label for="edit-reply-<?php
+                                                        echo htmlspecialchars((string) $reply->getId());
+                                                        ?>">
+                                                            Antwort bearbeiten
+                                                        </label>
+
+                                                        <textarea
+                                                                id="edit-reply-<?php
+                                                                echo htmlspecialchars((string) $reply->getId());
+                                                                ?>"
+                                                                name="content"
+                                                                required><?php echo htmlspecialchars(
+                                                                    $reply->getContent()
+                                                            ); ?></textarea>
+
+                                                        <button type="submit" class="button">
+                                                            Änderungen speichern
+                                                        </button>
+                                                    </form>
+                                                </details>
+
+                                                <form method="post"
+                                                      action="index.php?pfad=deleteComment"
+                                                      class="delete-comment-form">
+
+                                                    <input type="hidden"
+                                                           name="comment_id"
+                                                           value="<?php echo htmlspecialchars(
+                                                                   (string) $reply->getId()
+                                                           ); ?>">
+
+                                                    <input type="hidden"
+                                                           name="article_id"
+                                                           value="<?php echo htmlspecialchars(
+                                                                   (string) $reply->getArticleId()
+                                                           ); ?>">
+
+                                                    <button type="submit"
+                                                            class="delete-comment-button"
+                                                            onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');">
+                                                        Kommentar löschen
+                                                    </button>
+                                                </form>
+
+                                            <?php endif; ?>
+
+                                        <?php endif; ?>
+
                                     </div>
                                 <?php endforeach; ?>
                             <?php endif; ?>
@@ -153,17 +408,46 @@ include_once 'php/controller/showArticle-controller.php';
         </div>
 
         <?php if (isset($_SESSION["user_email"])): ?>
-            <form id="comment-form">
+            <form id="comment-form"
+                  method="post"
+                  action="php/ajax/add-comment.php">
+
                 <input type="hidden"
                        name="article_id"
-                       value="<?php echo htmlspecialchars($_GET["id"] ?? ""); ?>">
+                       value="<?php echo htmlspecialchars(
+                               (string) ($_GET["id"] ?? "")
+                       ); ?>">
 
                 <input type="hidden"
                        name="parent_comment_id"
                        id="parent-comment-id"
-                       value="">
+                       value="<?php echo $replyTo !== null
+                               ? htmlspecialchars((string) $replyTo)
+                               : "";
+                       ?>">
 
-                <p id="reply-info" class="reply-info" style="display: none;"></p>
+                <p id="reply-info"
+                   class="reply-info"
+                        <?php if ($replyAuthor === null): ?>
+                            style="display: none;"
+                        <?php endif; ?>>
+
+                    <?php if ($replyAuthor !== null): ?>
+                        Antwort auf <?php echo htmlspecialchars($replyAuthor); ?>
+
+                        <a href="index.php?pfad=<?php
+                        echo urlencode($_GET["pfad"] ?? "showArticle");
+                        ?>&id=<?php
+                        echo urlencode((string) ($_GET["id"] ?? ""));
+                        ?>#comment-form">
+                            Abbrechen
+                        </a>
+                    <?php endif; ?>
+                </p>
+
+                <label for="comment-content">
+                    Kommentar
+                </label>
 
                 <textarea name="content"
                           id="comment-content"
@@ -181,4 +465,4 @@ include_once 'php/controller/showArticle-controller.php';
             </div>
         <?php endif; ?>
     </section>
-</main>
+</main>

content/updateArticle.php

@@ -5,10 +5,25 @@ if (!isset($_SESSION["user"])) {
     exit();
 }
 include_once 'php/controller/showArticle-controller.php';
+
+// Aktuelle Blockliste ermitteln:
+$rawContent = '[]';
+if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])) {
+    $rawContent = $_SESSION['old_content'];
+    unset($_SESSION['old_content']);
+} elseif (isset($content) && !empty($content)) {
+    $rawContent = $content;
+}
+
+$blocks = json_decode($rawContent, true);
+if (!is_array($blocks)) {
+    $blocks = [];
+}
+$blocks = array_values($blocks);
 ?>
 <!--
-    Seite: Beitrag erstellen
+    Seite: Beitrag bearbeiten
-    Inhalt: Formular für die Erstellung eines neuen Beitrags
+    Inhalt: Formular für die Bearbeitung eines Beitrags
 -->
 <form method="post" action="php/controller/updateArticle-controller.php?id=<?php if(isset($id) && !empty($id)){echo htmlspecialchars($id);}else{$_SESSION["message"] = "missing_id";} ?>" id="editor-form" enctype="multipart/form-data" class="article-editor-scope.editor-container article-editor-scope editor-container">
 
@@ -27,32 +42,49 @@ include_once 'php/controller/showArticle-controller.php';
                ?>"
                placeholder="Titel hier eingeben" required>
 
-        <!-- Hier werden die dynamischen divs via JavaScript eingefügt -->
+        <!--
-        <div id="block-container"></div>
+            Content-Blöcke: werden serverseitig als echte, benannte Formularfelder gerendert
+            (blocks[i][type]...). Dadurch funktioniert das Hinzufügen/Entfernen von Blöcken und
+            der Bild-Upload auch ganz ohne JavaScript über einen normalen Formular-Submit.
+            Ist JavaScript aktiv, fängt js/editor.js diese Submits ab und erledigt dieselbe
+            Änderung lokal im DOM, ohne den Server zu belasten.
+        -->
+        <div id="block-container">
+            <?php foreach ($blocks as $i => $block): ?>
+                <?php
+                $blockType = $block['type'] ?? '';
+                if ($blockType !== 'text' && $blockType !== 'image') {
+                    continue; // unbekannter/kaputter Block wird übersprungen
+                }
+                ?>
+                <div class="editor-block article-editor-scope" data-index="<?php echo (int)$i; ?>">
+                    <input type="hidden" name="blocks[<?php echo (int)$i; ?>][type]" value="<?php echo htmlspecialchars($blockType); ?>">
 
-        <!-- Plus-Button und das Pop-up-Menü -->
+                    <?php if ($blockType === 'text'): ?>
-        <div id="add-block-control" class="article-editor-scope add-block-control">
+                        <textarea name="blocks[<?php echo (int)$i; ?>][text]"
-            <button type="button" id="plus-button" class="article-editor-scope plus-button">+</button>
+                                  placeholder="Schreibe deinen Textblock..."><?php echo htmlspecialchars($block['value'] ?? ''); ?></textarea>
-            <div id="block-popup" class="article-editor-scope block-popup hidden">
+                    <?php else: /* image */ ?>
-                <button type="button" data-type="text">Textblock</button>
+                        <?php if (!empty($block['value'])): ?>
-                <button type="button" data-type="image">Bild einfügen</button>
+                            <img src="<?php echo htmlspecialchars($block['value']); ?>"
-            </div>
+                                 class="block-image-preview"
+                                 style="max-width:200px;display:block;margin-top:10px;">
+                            <input type="hidden" name="blocks[<?php echo (int)$i; ?>][existing_image]" value="<?php echo htmlspecialchars($block['value']); ?>">
+                        <?php endif; ?>
+                        <input type="file" name="blocks[<?php echo (int)$i; ?>][image]" accept="image/*">
+                    <?php endif; ?>
+
+                    <button type="submit" name="editor_action" value="delete_block:<?php echo (int)$i; ?>" class="delete-block-btn">✕</button>
+                </div>
+            <?php endforeach; ?>
         </div>
 
-        <!-- Unsichtbares Textfeld, das die JSON-Daten hält und an den Controller postet -->
+        <div id="add-block-control" class="article-editor-scope add-block-control">
-        <textarea id="content" name="content" style="display:none;"><?php
+            <button type="button" id="plus-button" class="article-editor-scope plus-button">+</button>
-            if (isset($_SESSION['old_content']) && !empty($_SESSION['old_content'])){
+            <div id="block-popup" class="article-editor-scope block-popup">
-                echo htmlspecialchars($_SESSION['old_content']);
+                <button type="submit" name="editor_action" value="add_text" data-type="text">Textblock</button>
-                unset($_SESSION['old_content']);
+                <button type="submit" name="editor_action" value="add_image" data-type="image">Bild einfügen</button>
-            }elseif (isset($content) && !empty($content)){
+            </div>
-                echo htmlspecialchars($content);
+        </div>
-            } else {
-                echo '[]';
-            }
-            ?></textarea>
-
-        <!-- unsichtbares Input, um die zu löschenden Bilder zu übergeben-->
-        <input type="hidden" id="deleted-images" name="deleted_images" value="[]">
     </main>
 
     <!-- Seitenleiste -->
@@ -289,4 +321,4 @@ include_once 'php/controller/showArticle-controller.php';
 
     </aside>
 
-</form>
+</form>

includes/alertMessages.php

@@ -18,11 +18,6 @@
         Ein Beitrag muss Inhalt besitzen. Text- und Bildelemente dürfen nicht leer sein!
     </p>
 <?php endif; ?>
-<?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_category"): ?>
-    <p class="alert-message is-error">
-        Die ausgewählte Kategorie ist ungültig.
-    </p>
-<?php endif; ?>
 <?php if (isset($_SESSION["message"]) && $_SESSION["message"] == "invalid_tags"): ?>
     <p class="alert-message is-error">
         Ungültige Schlagworte gefunden. Erlaubt sind nur Buchstaben, Zahlen, Leerzeichen und Bindestriche (2-50 Zeichen).

index.php

@@ -2,72 +2,26 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
-ob_start();
+include_once "php/controller/index-controller.php";
-include_once("php/controller/index.php");
-
-$pfad = $_GET["pfad"] ?? "home";
-
-/*
-    Controller für Aktionen werden vor der HTML-Ausgabe geladen,
-    damit Weiterleitungen mit header() funktionieren.
-*/
-if ($pfad === "login") {
-    include_once "php/controller/login-controller.php";
-}
-
-if ($pfad === "search-results-controller") {
-    include_once "php/controller/search-results-controller.php";
-}
-
-if ($pfad === "register") {
-    include_once "php/controller/register-controller.php";
-}
-if ($pfad === "password-forgotten") {
-include_once "php/controller/password-forgotten-controller.php";
-}
-
-if ($pfad === "confirm-register") {
-    include_once "php/controller/confirm-register-controller.php";
-}
-
-if ($pfad === "confirm-password") {
-    include_once "php/controller/confirm-password-controller.php";
-}
-
-if ($pfad === "logout") {
-    include_once "php/controller/logout-controller.php";
-    exit();
-}
-
-if ($pfad === "deleteAccount") {
-    include_once "php/controller/deleteAccount-controller.php";
-    exit();
-}
 ?>
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="utf-8">
+    <meta name="description" content="EduForge">
+    <meta name="author" content="Niklas Ortmann">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
 
-    <!--
+    <link rel="stylesheet" href="css/main.css">
-        Seite: Index der Lernplattform
+    <link rel="stylesheet" href="css/navbar.css">
-        Funktion: Webseitengerüst, Anzeigen von Content
+    <link rel="stylesheet" href="css/footer.css">
-    -->
+    <link rel="stylesheet" href="css/search-results.css">
-    <!DOCTYPE html>
+    <link rel="stylesheet" href="css/createArticle.css">
-    <html lang="de">
+    <link rel="stylesheet" href="css/profile.css">
-
+    <link rel="stylesheet" href="css/showArticle.css">
-    <head>
+    <link rel="stylesheet" href="css/message.css">
-        <meta charset="utf-8">
+    <link rel="stylesheet" href="css/showCategory.css">
-        <meta name="description" content="EduForge">
-        <meta name="author" content="Niklas Ortmann">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-        <link rel="icon" type="image/x-icon" href="images/logos/logo_icon.ico">
-
-        <link rel="stylesheet" href="css/main.css">
-        <link rel="stylesheet" href="css/navbar.css">
-        <link rel="stylesheet" href="css/footer.css">
-        <link rel="stylesheet" href="css/search-results.css">
-        <link rel="stylesheet" href="css/createArticle.css">
-        <link rel="stylesheet" href="css/profile.css">
-        <link rel="stylesheet" href="css/showArticle.css">
-        <link rel="stylesheet" href="css/message.css">
-        <link rel="stylesheet" href="css/showCategory.css">
 
         <script src="js/comments.js" defer></script>
         <script src="js/editor.js" async></script>
@@ -75,30 +29,22 @@ if ($pfad === "deleteAccount") {
         <script src="js/showCategory.js" async></script>
 
 
-        <title>EduForge</title>
+    <title>EduForge</title>
-    </head>
+</head>
-
+<body>
-    <body>
-
-    <?php
-    include_once 'includes/navbar.php';
-
-    /*
-        Dynamischer Inhalt:
-        Je nach pfad-Parameter wird die passende Datei aus content geladen.
-    */
-    if (file_exists('content/' . $pfad . '.php')) {
-        include_once 'content/' . $pfad . '.php';
-    } else {
-        include_once 'content/404.php';
-    }
-
-    include_once 'includes/footer.php';
-    ?>
-
-    </body>
-    </html>
 
 <?php
-ob_end_flush();
+include_once 'includes/navbar.php';
-?>
+
+// Dynamischer Inhalt
+if (isset($pfad) && $pfad !== "404" && file_exists('content/' . $pfad . '.php')) {
+    include_once 'content/' . $pfad . '.php';
+} else {
+    include_once 'content/404.php';
+}
+
+include_once 'includes/footer.php';
+?>
+
+</body>
+</html>

js/comments.js

@@ -11,20 +11,31 @@ document.addEventListener("DOMContentLoaded", function () {
     const parentCommentInput = document.getElementById("parent-comment-id");
     const replyInfo = document.getElementById("reply-info");
 
-    if (!form || !commentsList || !commentContent || !parentCommentInput || !replyInfo) {
+    if (!form || !commentsList || !commentContent || !parentCommentInput) {
         return;
     }
 
     /**
-     * Aktiviert einen einzelnen Antworten-Button.
+     * Aktiviert einen einzelnen Antworten-Link.
      *
-     * @param {HTMLButtonElement} button Antworten-Button
+     * @param {HTMLAnchorElement} replyLink Antworten-Link
      */
-    function registerReplyButton(button) {
+    function registerReplyButton(replyLink) {
-        button.addEventListener("click", function () {
+        replyLink.addEventListener("click", function (event) {
-            parentCommentInput.value = button.dataset.commentId;
+            /*
-            replyInfo.textContent = "Antwort auf " + button.dataset.author;
+             * Mit JavaScript wird die Seite nicht neu geladen.
-            replyInfo.style.display = "block";
+             * Ohne JavaScript funktioniert der normale Link.
+             */
+            event.preventDefault();
+
+            parentCommentInput.value = replyLink.dataset.commentId;
+
+            if (replyInfo) {
+                replyInfo.textContent =
+                    "Antwort auf " + replyLink.dataset.author;
+                replyInfo.style.display = "block";
+            }
+
             commentContent.focus();
         });
     }
@@ -45,18 +56,29 @@ document.addEventListener("DOMContentLoaded", function () {
         const formData = new FormData(form);
         const parentCommentId = parentCommentInput.value;
 
-        fetch("php/ajax/add-comment.php", {
+        fetch(form.action, {
             method: "POST",
-            body: formData
+            body: formData,
+            headers: {
+                "X-Requested-With": "XMLHttpRequest"
+            }
         })
-            .then(response => response.json())
+            .then(function (response) {
-            .then(data => {
+                if (!response.ok) {
+                    throw new Error("Fehlerhafte Serverantwort.");
+                }
+
+                return response.json();
+            })
+            .then(function (data) {
                 if (!data.success) {
                     alert(data.message);
                     return;
                 }
 
-                const emptyMessage = commentsList.querySelector(".no-comments-message");
+                const emptyMessage = commentsList.querySelector(
+                    ".no-comments-message"
+                );
 
                 if (emptyMessage) {
                     emptyMessage.remove();
@@ -64,49 +86,172 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 const commentElement = document.createElement("div");
                 commentElement.classList.add("comment-item");
+                commentElement.dataset.commentId = data.commentId;
 
-                if (parentCommentId) {
+                if (parentCommentId !== "") {
                     commentElement.classList.add("comment-reply");
 
                     commentElement.innerHTML = `
-                        <p>
+        <p>
-                            <strong>${escapeHtml(data.author)}</strong>
+            <strong>${escapeHtml(data.author)}</strong>
-                            <span>${escapeHtml(data.created)}</span>
+            <span>${escapeHtml(data.created)}</span>
-                        </p>
+        </p>
-                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
-                    `;
 
-                    const parentReplies = document.querySelector(
+        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
+
+        <details class="edit-comment-details">
+    <summary class="edit-comment-button">
+        Antwort bearbeiten
+    </summary>
+
+    <form
+        method="post"
+        action="index.php?pfad=updateComment"
+        class="edit-comment-form"
+    >
+        <input
+            type="hidden"
+            name="comment_id"
+            value="${escapeHtml(data.commentId)}"
+        >
+
+        <input
+            type="hidden"
+            name="article_id"
+            value="${escapeHtml(formData.get("article_id"))}"
+        >
+
+        <textarea
+            name="content"
+            required
+        >${escapeHtml(data.content)}</textarea>
+
+        <button type="submit" class="button">
+            Änderungen speichern
+        </button>
+    </form>
+</details>
+        
+        <form
+            method="post"
+            action="index.php?pfad=deleteComment"
+            class="delete-comment-form"
+        >
+            <input
+                type="hidden"
+                name="comment_id"
+                value="${escapeHtml(data.commentId)}"
+            >
+
+            <input
+                type="hidden"
+                name="article_id"
+                value="${escapeHtml(formData.get("article_id"))}"
+            >
+
+            <button
+                type="submit"
+                class="delete-comment-button"
+                onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
+            >
+                Kommentar löschen
+            </button>
+        </form>
+    `;
+
+                    const parentReplies = commentsList.querySelector(
                         `.comment-item[data-comment-id="${parentCommentId}"] .comment-replies`
                     );
 
                     if (parentReplies) {
                         parentReplies.appendChild(commentElement);
+                    } else {
+                        commentsList.prepend(commentElement);
                     }
-
                 } else {
-                    commentElement.dataset.commentId = data.commentId;
-
                     commentElement.innerHTML = `
-                        <p>
+        <p>
-                            <strong>${escapeHtml(data.author)}</strong>
+            <strong>${escapeHtml(data.author)}</strong>
-                            <span>${escapeHtml(data.created)}</span>
+            <span>${escapeHtml(data.created)}</span>
-                        </p>
+        </p>
-                        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
 
-                        <button type="button"
+        <p>${escapeHtml(data.content).replace(/\n/g, "<br>")}</p>
-                                class="reply-button"
-                                data-comment-id="${escapeHtml(data.commentId)}"
-                                data-author="${escapeHtml(data.author)}">
-                            Antworten
-                        </button>
 
-                        <div class="comment-replies"></div>
+        <details class="edit-comment-details">
-                    `;
+    <summary class="edit-comment-button">
+        Kommentar bearbeiten
+    </summary>
+
+    <form
+        method="post"
+        action="index.php?pfad=updateComment"
+        class="edit-comment-form"
+    >
+        <input
+            type="hidden"
+            name="comment_id"
+            value="${escapeHtml(data.commentId)}"
+        >
+
+        <input
+            type="hidden"
+            name="article_id"
+            value="${escapeHtml(formData.get("article_id"))}"
+        >
+
+        <textarea
+            name="content"
+            required
+        >${escapeHtml(data.content)}</textarea>
+
+        <button type="submit" class="button">
+            Änderungen speichern
+        </button>
+    </form>
+</details>
+
+        <form
+            method="post"
+            action="index.php?pfad=deleteComment"
+            class="delete-comment-form"
+        >
+            <input
+                type="hidden"
+                name="comment_id"
+                value="${escapeHtml(data.commentId)}"
+            >
+
+            <input
+                type="hidden"
+                name="article_id"
+                value="${escapeHtml(formData.get("article_id"))}"
+            >
+
+            <button
+                type="submit"
+                class="delete-comment-button"
+                onclick="return confirm('Möchtest du diesen Kommentar wirklich löschen?');"
+            >
+                Kommentar löschen
+            </button>
+        </form>
+
+        <a
+            href="#comment-form"
+            class="reply-button"
+            data-comment-id="${escapeHtml(data.commentId)}"
+            data-author="${escapeHtml(data.author)}"
+        >
+            Antworten
+        </a>
+
+        <div class="comment-replies"></div>
+    `;
 
                     commentsList.prepend(commentElement);
 
-                    const newReplyButton = commentElement.querySelector(".reply-button");
+                    const newReplyButton =
+                        commentElement.querySelector(".reply-button");
 
                     if (newReplyButton) {
                         registerReplyButton(newReplyButton);
@@ -115,10 +260,14 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 commentContent.value = "";
                 parentCommentInput.value = "";
-                replyInfo.textContent = "";
+
-                replyInfo.style.display = "none";
+                if (replyInfo) {
+                    replyInfo.textContent = "";
+                    replyInfo.style.display = "none";
+                }
             })
-            .catch(() => {
+            .catch(function (error) {
+                console.error(error);
                 alert("Kommentar konnte nicht gesendet werden.");
             });
     });
@@ -126,12 +275,12 @@ document.addEventListener("DOMContentLoaded", function () {
     /**
      * Entfernt HTML-Sonderzeichen aus Nutzereingaben.
      *
-     * @param {string} text Zu bereinigender Text
+     * @param {*} text Zu bereinigender Text
      * @returns {string} Sicherer Text
      */
     function escapeHtml(text) {
         const div = document.createElement("div");
-        div.textContent = text;
+        div.textContent = String(text ?? "");
         return div.innerHTML;
     }
 });

js/editor.js

@@ -1,172 +1,133 @@
-console.log("Die JavaScript-Datei wurde erfolgreich geladen!");
+//console.log("editor.js wurde erfolgreich geladen!");
 
 function initEditor() {
     const form = document.getElementById("editor-form");
 
     if (!form) {
-        console.error("Skript abgebrochen: Formular nicht gefunden!");
+        console.error("editor.js abgebrochen: Formular nicht gefunden!");
         return;
     } else {
-        console.log("Formular gefunden und Editor initialisiert:", form);
+        console.log("Formular gefunden und editor.js initialisiert:", form);
     }
 
     const container = document.getElementById("block-container");
     const plusButton = document.getElementById("plus-button");
     const popup = document.getElementById("block-popup");
-    const hiddenContentInput = document.getElementById("content");
 
-    const initialImages = [];
+    // Fortlaufender Zähler für eindeutige Block-Indizes. Wird nie wiederverwendet
+    // (auch nicht nach dem Löschen eines Blocks), damit sich neue und übrig
+    // gebliebene Blöcke beim finalen Submit nie einen Namen teilen.
+    let blockIndex = container.querySelectorAll(".editor-block").length;
+
+    // Ohne JS sind Textblock-/Bild-Button im Pop-up immer sichtbar und ganz normale
+    // Submit-Buttons. Erst mit JS blenden wir das Pop-up standardmäßig aus und
+    // steuern die Sichtbarkeit über den Plus-Button.
+    popup.classList.add("hidden");
 
-    // Pop-up umschalten bei Klick auf das Plus
     plusButton.addEventListener("click", () => {
         popup.classList.toggle("hidden");
     });
 
-    // Klick auf eine Block-Option im Pop-up
+    // Klick auf "Textblock" / "Bild einfügen": lokal im DOM anlegen statt zum
-    popup.querySelectorAll("button").forEach(btn => {
+    // Server zu submitten (entlastet den Server, kein Page-Reload nötig).
-        btn.addEventListener("click", function() {
+    popup.querySelectorAll('[name="editor_action"]').forEach(btn => {
+        btn.addEventListener("click", function (e) {
+            e.preventDefault();
             const type = this.getAttribute("data-type");
             addBlockElement(type, "");
             popup.classList.add("hidden");
         });
     });
 
-    // Erstellt ein visuelles HTML-Element im Editor
+    // Bereits vom Server gerenderte Blöcke (z.B. beim Bearbeiten eines bestehenden
+    // Artikels oder nach einem Validierungsfehler) ebenfalls mit JS-Verhalten ausstatten.
+    container.querySelectorAll(".editor-block").forEach(blockDiv => {
+        bindDeleteButton(blockDiv);
+        bindImageInput(blockDiv);
+    });
+
+    // Erstellt einen neuen Block inkl. echter, benannter Formularfelder
+    // (blocks[i][type], blocks[i][text] bzw. blocks[i][image]). Diese Felder werden
+    // beim finalen Submit ganz normal vom Browser als multipart/form-data verschickt –
+    // es ist kein manuelles Zusammenbauen von JSON beim Absenden mehr nötig.
     function addBlockElement(type, value = "") {
+        const index = blockIndex++;
+
         const blockDiv = document.createElement("div");
-        blockDiv.classList.add("editor-block");
+        blockDiv.classList.add("editor-block", "article-editor-scope");
-        blockDiv.setAttribute("data-type", type);
+        blockDiv.setAttribute("data-index", String(index));
 
-        // Wenn es ein existierendes Server-Bild beim Laden ist, Pfad im globalen Array sichern
+        const typeInput = document.createElement("input");
-        if (type === "image" && value && typeof value === 'string' && value.startsWith('uploads/')) {
+        typeInput.type = "hidden";
-            initialImages.push(value);
+        typeInput.name = `blocks[${index}][type]`;
-            blockDiv.setAttribute("data-value", value);
+        typeInput.value = type;
-        }
+        blockDiv.appendChild(typeInput);
-
-        // Löschen-Button
-        const deleteBtn = document.createElement("button");
-        deleteBtn.type = "button";
-        deleteBtn.innerHTML = "✕";
-        deleteBtn.classList.add("delete-block-btn");
-        deleteBtn.addEventListener("click", () => {
-            // ANPASSUNG 2B: Logik hier komplett geleert. Das '✕' entfernt den Block jetzt nur noch sicher aus dem HTML.
-            blockDiv.remove();
-        });
-        blockDiv.appendChild(deleteBtn);
 
         if (type === "text") {
             const textarea = document.createElement("textarea");
+            textarea.name = `blocks[${index}][text]`;
             textarea.placeholder = "Schreibe deinen Textblock...";
             textarea.value = value;
             blockDiv.appendChild(textarea);
         } else if (type === "image") {
             const fileInput = document.createElement("input");
             fileInput.type = "file";
+            fileInput.name = `blocks[${index}][image]`;
             fileInput.accept = "image/*";
-
-            const imgPreview = document.createElement("img");
-            imgPreview.style.maxWidth = "200px";
-            imgPreview.style.display = "block";
-            imgPreview.style.marginTop = "10px";
-
-            if (value && typeof value === 'string') {
-                if (value.startsWith('uploads/') || value.startsWith('data:image/')) {
-                    imgPreview.src = value;
-                    blockDiv.setAttribute("data-value", value);
-                }
-            }
-
-            fileInput.addEventListener("change", function() {
-                if (this.files && this.files[0]) {
-                    const reader = new FileReader();
-                    reader.onload = function(e) {
-                        imgPreview.src = e.target.result;
-                        blockDiv.setAttribute("data-value", e.target.result);
-                    }
-                    reader.readAsDataURL(this.files[0]);
-                }
-            });
-
             blockDiv.appendChild(fileInput);
-            blockDiv.appendChild(imgPreview);
         }
 
+        const deleteBtn = document.createElement("button");
+        deleteBtn.type = "submit";
+        deleteBtn.name = "editor_action";
+        deleteBtn.value = `delete_block:${index}`;
+        deleteBtn.classList.add("delete-block-btn");
+        deleteBtn.innerHTML = "✕";
+        blockDiv.appendChild(deleteBtn);
+
         container.appendChild(blockDiv);
+
+        bindDeleteButton(blockDiv);
+        bindImageInput(blockDiv);
     }
 
-    // beim Abschicken verbleibende Blöcke auslesen UND gelöschte Bilder ermitteln
+    // Löschen-Button eines Blocks lokal abfangen: entfernt den Block nur aus dem DOM,
-    form.addEventListener("submit", function(e) {
+    // statt das Formular zum Server zu senden.
-        const blocks = [];
+    function bindDeleteButton(blockDiv) {
-        const currentImages = [];
+        const btn = blockDiv.querySelector(".delete-block-btn");
-
+        if (!btn) return;
-        // alle aktuell im Formular verbliebenen Blöcke scannen
+        btn.addEventListener("click", (e) => {
-        container.querySelectorAll(".editor-block").forEach(blockDiv => {
+            e.preventDefault();
-            const type = blockDiv.getAttribute("data-type");
+            blockDiv.remove();
-            let value = "";
-
-            if (type === "text") {
-                value = blockDiv.querySelector("textarea").value;
-            } else if (type === "image") {
-
-                const imgTag = blockDiv.querySelector("img");
-                if (imgTag) {
-                    const srcValue = imgTag.getAttribute("src") || "";
-                    // Wenn es ein neues Bild ist, nutzen wir das data-value (Base64)
-                    if (srcValue.startsWith('data:image/')) {
-                        value = blockDiv.getAttribute("data-value") || "";
-                    } else {
-                        value = srcValue;
-                    }
-                }
-
-                // Pfade sammeln, die der Nutzer NICHT gelöscht hat (für den Abgleich)
-                if (value && value.startsWith('uploads/')) {
-                    currentImages.push(value);
-                }
-            }
-
-            blocks.push({ type: type, value: value });
         });
+    }
 
-        // das reguläre unsichtbare Content-Feld befüllen
+    // Zeigt bei Auswahl einer Bilddatei sofort eine Vorschau an. Rein optisch –
-        hiddenContentInput.value = JSON.stringify(blocks);
+    // der eigentliche Datei-Upload läuft nativ über das <input type="file">.
+    function bindImageInput(blockDiv) {
+        const fileInput = blockDiv.querySelector('input[type="file"]');
+        if (!fileInput) return;
 
-        // Differenz berechnen: Welche Bilder aus 'initialImages' fehlen in 'currentImages' ?
+        let imgPreview = blockDiv.querySelector(".block-image-preview");
-        const deletedImages = initialImages.filter(img => !currentImages.includes(img));
+        if (!imgPreview) {
-
+            imgPreview = document.createElement("img");
-        // das 'deleted_images'-Feld dynamisch befüllen und an den Controller senden
+            imgPreview.classList.add("block-image-preview");
-        let deletedInput = document.getElementById("deleted-images");
+            imgPreview.style.maxWidth = "200px";
-        if (!deletedInput) {
+            imgPreview.style.display = "none";
-            deletedInput = document.createElement("input");
+            imgPreview.style.marginTop = "10px";
-            deletedInput.type = "hidden";
+            blockDiv.insertBefore(imgPreview, fileInput.nextSibling);
-            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)
+        fileInput.addEventListener("change", function () {
-    try {
+            if (this.files && this.files[0]) {
-        const initialBlocks = JSON.parse(hiddenContentInput.value.trim());
+                const reader = new FileReader();
-        if (Array.isArray(initialBlocks)) {
+                reader.onload = (e) => {
-            initialBlocks.forEach(b => {
+                    imgPreview.src = e.target.result;
-                if (b.type === "image" && b.value && typeof b.value === 'string' && !b.value.startsWith('data:image/')) {
+                    imgPreview.style.display = "block";
-                    let cleanPath = b.value.trim().replace(/\\\//g, '/'); // Verwandelt \/ in /
+                };
-
+                reader.readAsDataURL(this.files[0]);
-                    initialImages.push(cleanPath);
+            }
-                    addBlockElement(b.type, cleanPath);
+        });
-
-                } else {
-                    addBlockElement(b.type, b.value);
-                }
-            });
-            console.log("Erfolgreich registrierte Start-Bilder:", initialImages);
-        }
-    } catch(e) {
-        if (hiddenContentInput.value.trim() !== "") {
-            addBlockElement("text", hiddenContentInput.value);
-        }
     }
 }
 
@@ -176,4 +137,4 @@ if (document.readyState === "loading") {
 } else {
     // Falls das DOM schon fertig geladen ist, führen wir es direkt aus
     initEditor();
-}
+}

php/ajax/add-comment.php

@@ -3,32 +3,153 @@ if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
 
-header("Content-Type: application/json");
-
 require_once "../model/CommentManager.php";
 
-if (!isset($_SESSION["user_email"])) {
+/**
-    echo json_encode([
+ * Prüft, ob die Anfrage durch JavaScript per AJAX gesendet wurde.
-        "success" => false,
+ */
-        "message" => "Du musst angemeldet sein, um zu kommentieren."
+$isAjaxRequest = isset($_SERVER["HTTP_X_REQUESTED_WITH"])
-    ]);
+    && strtolower($_SERVER["HTTP_X_REQUESTED_WITH"]) === "xmlhttprequest";
+
+/**
+ * Gibt das Ergebnis entweder als JSON zurück oder leitet
+ * bei einem normalen Formularaufruf wieder zum Beitrag zurück.
+ *
+ * @param bool $success War das Speichern erfolgreich?
+ * @param string $message Rückmeldung für den Benutzer
+ * @param int|null $articleId ID des Beitrags
+ * @param array $additionalData Zusätzliche Daten für AJAX
+ */
+function sendCommentResponse(
+    $success,
+    $message,
+    $articleId,
+    $additionalData = []
+) {
+    global $isAjaxRequest;
+
+    if ($isAjaxRequest) {
+        header("Content-Type: application/json; charset=utf-8");
+
+        echo json_encode(
+            array_merge(
+                [
+                    "success" => $success,
+                    "message" => $message
+                ],
+                $additionalData
+            )
+        );
+
+        exit();
+    }
+
+    /*
+     * Bei deaktiviertem JavaScript wird die Rückmeldung
+     * in der Session gespeichert und die Beitragsseite neu geladen.
+     */
+    $_SESSION["comment_message"] = $message;
+    $_SESSION["comment_message_type"] = $success ? "success" : "error";
+
+    if ($articleId !== null) {
+        header(
+            "Location: ../../index.php?pfad=showArticle&id="
+            . urlencode((string) $articleId)
+            . "#comments"
+        );
+    } else {
+        header("Location: ../../index.php");
+    }
+
     exit();
 }
 
-$articleId = $_POST["article_id"] ?? null;
+/*
-$content = trim($_POST["content"] ?? "");
+ * Nur POST-Anfragen dürfen Kommentare erstellen.
-$parentCommentId = $_POST["parent_comment_id"] ?? null;
+ */
+if ($_SERVER["REQUEST_METHOD"] !== "POST") {
+    sendCommentResponse(
+        false,
+        "Ungültige Anfrage.",
+        null
+    );
+}
 
-if ($parentCommentId === "" || $parentCommentId === "0") {
+/*
+ * Die Beitrags-ID wird zuerst eingelesen,
+ * damit bei Fehlern wieder zum Beitrag zurückgeleitet werden kann.
+ */
+$articleId = filter_input(
+    INPUT_POST,
+    "article_id",
+    FILTER_VALIDATE_INT
+);
+
+/*
+ * Ein Benutzer muss angemeldet sein.
+ */
+if (!isset($_SESSION["user_email"])) {
+    sendCommentResponse(
+        false,
+        "Du musst angemeldet sein, um zu kommentieren.",
+        $articleId !== false ? $articleId : null
+    );
+}
+
+/*
+ * Weitere Formulardaten einlesen.
+ */
+
+$content = trim($_POST["content"] ?? "");
+
+$parentCommentId = filter_input(
+    INPUT_POST,
+    "parent_comment_id",
+    FILTER_VALIDATE_INT
+);
+
+/*
+ * Ein leerer Wert bedeutet, dass es sich um einen
+ * normalen Hauptkommentar handelt.
+ */
+if (
+    !isset($_POST["parent_comment_id"])
+    || $_POST["parent_comment_id"] === ""
+    || $_POST["parent_comment_id"] === "0"
+) {
     $parentCommentId = null;
 }
 
-if (empty($articleId) || empty($content)) {
+if ($articleId === false || $articleId === null) {
-    echo json_encode([
+    sendCommentResponse(
-        "success" => false,
+        false,
-        "message" => "Kommentar darf nicht leer sein."
+        "Der zugehörige Beitrag ist ungültig.",
-    ]);
+        null
-    exit();
+    );
+}
+
+if ($content === "") {
+    sendCommentResponse(
+        false,
+        "Der Kommentar darf nicht leer sein.",
+        $articleId
+    );
+}
+
+/*
+ * Eine ungültige Eltern-ID darf nicht gespeichert werden.
+ */
+if (
+    isset($_POST["parent_comment_id"])
+    && $_POST["parent_comment_id"] !== ""
+    && $_POST["parent_comment_id"] !== "0"
+    && $parentCommentId === false
+) {
+    sendCommentResponse(
+        false,
+        "Der ausgewählte Kommentar ist ungültig.",
+        $articleId
+    );
 }
 
 try {
@@ -41,18 +162,23 @@ try {
         $parentCommentId
     );
 
-    echo json_encode([
+    sendCommentResponse(
-        "success" => true,
+        true,
-        "commentId" => $commentId,
+        "Der Kommentar wurde erfolgreich gespeichert.",
-        "author" => $_SESSION["user_email"],
+        $articleId,
-        "content" => $content,
+        [
-        "created" => date("Y-m-d H:i:s"),
+            "commentId" => $commentId,
-        "parentCommentId" => $parentCommentId
+            "author" => $_SESSION["user_email"],
-    ]);
+            "content" => $content,
+            "created" => date("Y-m-d H:i:s"),
+            "parentCommentId" => $parentCommentId
+        ]
+    );
 
-} catch (Exception $e) {
+} catch (Throwable $e) {
-    echo json_encode([
+    sendCommentResponse(
-        "success" => false,
+        false,
-        "message" => "Kommentar konnte nicht gespeichert werden."
+        "Der Kommentar konnte nicht gespeichert werden.",
-    ]);
+        $articleId
+    );
 }

php/controller/deleteComment-controller.php

@@ -0,0 +1,105 @@
+<?php
+
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+require_once __DIR__ . "/../model/CommentManager.php";
+
+/*
+ * Kommentare dürfen nur über ein POST-Formular gelöscht werden.
+ */
+if ($_SERVER["REQUEST_METHOD"] !== "POST") {
+    header("Location: index.php");
+    exit();
+}
+$commentId = filter_input(
+    INPUT_POST,
+    "comment_id",
+    FILTER_VALIDATE_INT
+);
+
+$articleId = filter_input(
+    INPUT_POST,
+    "article_id",
+    FILTER_VALIDATE_INT
+);
+
+/*
+ * Nur angemeldete Nutzer dürfen Kommentare löschen.
+ */
+if (!isset($_SESSION["user_email"])) {
+    $_SESSION["comment_message"] = "Du musst angemeldet sein.";
+    $_SESSION["comment_message_type"] = "error";
+
+    if ($articleId !== false && $articleId !== null) {
+        header(
+            "Location: index.php?pfad=showArticle&id="
+            . urlencode((string) $articleId)
+            . "#comments"
+        );
+    } else {
+        header("Location: index.php");
+    }
+    exit();
+}
+
+/*
+ * Kommentar-ID und Beitrags-ID müssen gültige Zahlen sein.
+ */
+if (
+    $commentId === false
+    || $commentId === null
+    || $articleId === false
+    || $articleId === null
+) {
+    $_SESSION["comment_message"] =
+        "Der Kommentar konnte nicht gelöscht werden.";
+
+    $_SESSION["comment_message_type"] = "error";
+
+    header("Location: index.php");
+    exit();
+}
+
+try {
+    $commentManager = CommentManager::getInstance();
+
+    /*
+     * Die E-Mail-Adresse aus der Session wird mitgegeben.
+     * Dadurch kann der Nutzer nur eigene Kommentare löschen.
+     */
+    $deleted = $commentManager->deleteComment(
+        $commentId,
+        $_SESSION["user_email"]
+    );
+
+    if ($deleted) {
+        $_SESSION["comment_message"] =
+            "Der Kommentar wurde gelöscht.";
+
+        $_SESSION["comment_message_type"] = "success";
+    } else {
+        $_SESSION["comment_message"] =
+            "Der Kommentar wurde nicht gefunden oder gehört nicht dir.";
+
+        $_SESSION["comment_message_type"] = "error";
+    }
+
+} catch (Throwable $e) {
+    $_SESSION["comment_message"] =
+        "Der Kommentar konnte nicht gelöscht werden.";
+
+    $_SESSION["comment_message_type"] = "error";
+}
+
+/*
+ * Anschließend wird wieder zum Beitrag und zu den Kommentaren geleitet.
+ */
+header(
+    "Location: index.php?pfad=showArticle&id="
+    . urlencode((string) $articleId)
+    . "#comments"
+);
+
+exit();

php/controller/index-controller.php

@@ -1,3 +1,39 @@
 <?php
+// Standardpfad
+$pfad = $_GET["pfad"] ?? "home";
 
-?>
+if ($pfad === "logout") {
+    include_once "php/controller/logout-controller.php";
+    exit();
+} elseif ($pfad === "deleteAccount") {
+    include_once "php/controller/deleteAccount-controller.php";
+    exit();
+}
+
+if ($pfad === "login") {
+    include_once "php/controller/login-controller.php";
+} elseif ($pfad === "register") {
+    include_once "php/controller/register-controller.php";
+} elseif ($pfad === "password-forgotten") {
+    include_once "php/controller/password-forgotten-controller.php";
+} elseif ($pfad === "confirm-register") {
+    include_once "php/controller/confirm-register-controller.php";
+} elseif ($pfad === "confirm-password") {
+    include_once "php/controller/confirm-password-controller.php";
+} elseif ($pfad === "updateComment") {
+    include_once "php/controller/updateComment-controller.php";
+} elseif($pfad === "deleteComment") {
+    include_once "php/controller/deleteComment-controller.php";
+}
+
+// Whitelist
+$erlaubte_content_seiten = [
+    "accessibility", "confirm-password", "confirm-register", "createArticle",
+    "datenschutz", "home", "impressum", "login", "nutzungsbedingungen",
+    "password-forgotten", "profile", "register", "search-results",
+    "show-mail", "showArticle", "showCategory", "updateArticle"
+];
+
+if (!in_array($pfad, $erlaubte_content_seiten)) {
+    $pfad = "404";
+}

php/controller/search-results-controller.php

@@ -2,6 +2,7 @@
 if (session_status() === PHP_SESSION_NONE) {
     session_start();
 }
+
 require_once '../model/ArticleManager.php';
 require_once '../model/UserManager.php';
 require_once '../model/Article.php';

php/controller/showArticle-controller.php

@@ -49,8 +49,9 @@ if (isset($_GET["id"]) && !empty($_GET["id"])){
             }
         }
 
-    } catch (Exception $e){
+    } catch (Throwable $e) {
         $_SESSION["message"] = "internal_error";
+        header("Location: index.php");
         exit();
     }
 }else{

php/controller/updateArticle-controller.php

@@ -13,11 +13,73 @@ if (!isset($_SESSION["user_email"])) {
     exit();
 }
 
+/**
+ * Baut die Blockliste aus den POST-Daten (blocks[i][type], blocks[i][text],
+ * blocks[i][existing_image]) und ggf. hochgeladenen Dateien (blocks[i][image])
+ * zusammen. Läuft bei JEDEM Submit (Zwischen-Schritt "Block hinzufügen/löschen"
+ * UND finales Speichern), damit neu ausgewählte Bilder in jedem Fall persistiert
+ * werden, bevor PHP die temporäre Upload-Datei nach Request-Ende verwirft.
+ *
+ * @param array  $postBlocks  $_POST['blocks'] ?? []
+ * @param array  $fileBlocks  $_FILES['blocks'] ?? []
+ * @param string $uploadDir   absoluter Pfad zum uploads-Verzeichnis (mit trailing slash)
+ * @return array Liste von ['type' => 'text'|'image', 'value' => string]
+ */
+function rebuildBlocksFromPost(array $postBlocks, array $fileBlocks, string $uploadDir): array {
+    $allowedExtensions = ['jpg', 'jpeg', 'png', 'gif', 'webp'];
+
+    $keys = array_keys($postBlocks);
+    if (isset($fileBlocks['name']) && is_array($fileBlocks['name'])) {
+        $keys = array_unique(array_merge($keys, array_keys($fileBlocks['name'])));
+    }
+    sort($keys, SORT_NUMERIC);
+
+    $blocks = [];
+
+    foreach ($keys as $key) {
+        $type = $postBlocks[$key]['type'] ?? null;
+
+        if ($type === 'text') {
+            $blocks[] = [
+                'type'  => 'text',
+                'value' => $postBlocks[$key]['text'] ?? '',
+            ];
+        } elseif ($type === 'image') {
+            // Vorbelegung: bereits vorhandenes Server-Bild (falls Datei nicht ersetzt wird)
+            $value = $postBlocks[$key]['existing_image'] ?? '';
+
+            $hasUpload = isset($fileBlocks['error'][$key]['image'])
+                && $fileBlocks['error'][$key]['image'] === UPLOAD_ERR_OK;
+
+            if ($hasUpload) {
+                $tmpName      = $fileBlocks['tmp_name'][$key]['image'];
+                $originalName = $fileBlocks['name'][$key]['image'];
+                $extension    = strtolower(pathinfo($originalName, PATHINFO_EXTENSION));
+                if (!in_array($extension, $allowedExtensions, true)) {
+                    $extension = 'jpg';
+                }
+
+                $fileName    = 'img_' . uniqid() . '.' . $extension;
+                $destination = $uploadDir . $fileName;
+
+                if (move_uploaded_file($tmpName, $destination)) {
+                    $value = 'uploads/' . $fileName;
+                }
+                // Bei Fehler: alter Wert (falls vorhanden) bleibt erhalten, Block wird nicht verworfen
+            }
+
+            $blocks[] = [
+                'type'  => 'image',
+                'value' => $value,
+            ];
+        }
+        // unbekannter/fehlender type -> Block wird ignoriert
+    }
+
+    return $blocks;
+}
+
 if ($_SERVER["REQUEST_METHOD"] === "POST") {
-    $_SESSION["old_title"]    = $_POST["title"] ?? '';
-    $_SESSION["old_content"]  = $_POST["content"] ?? '';
-    $_SESSION["old_category"] = $_POST["category"] ?? '';
-    $_SESSION["old_tags"]     = $_POST["tags"] ?? '';
 
     if (isset($_GET["id"]) && !empty($_GET["id"])) {
         $id = $_GET["id"];
@@ -41,16 +103,54 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
         exit();
     }
 
-    if (!isset($_POST["title"]) ||!isset($_POST["content"]) || !isset($_POST["category"])){
+    $uploadDir = __DIR__ . '/../../uploads/';
+    if (!file_exists($uploadDir)) {
+        mkdir($uploadDir, 0755, true);
+    }
+
+    // Formularzustand (Titel/Tags/Kategorie/Blöcke) immer sichern, damit er nach einem
+    // Redirect (PRG-Pattern oder Validierungsfehler) wieder angezeigt werden kann.
+    $_SESSION["old_title"]    = $_POST["title"] ?? '';
+    $_SESSION["old_tags"]     = $_POST["tags"] ?? '';
+    $_SESSION["old_category"] = $_POST["category"] ?? '';
+
+    $blocks = rebuildBlocksFromPost($_POST['blocks'] ?? [], $_FILES['blocks'] ?? [], $uploadDir);
+    $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+
+    // ---------------------------------------------------------------------
+    // Zwischenspeichern
+    // ---------------------------------------------------------------------
+    if (isset($_POST['editor_action']) && $_POST['editor_action'] !== '') {
+        $action = $_POST['editor_action'];
+
+        if ($action === 'add_text') {
+            $blocks[] = ['type' => 'text', 'value' => ''];
+        } elseif ($action === 'add_image') {
+            $blocks[] = ['type' => 'image', 'value' => ''];
+        } elseif (str_starts_with($action, 'delete_block:')) {
+            $deleteIndex = (int) substr($action, strlen('delete_block:'));
+            unset($blocks[$deleteIndex]);
+            $blocks = array_values($blocks);
+        }
+
+        $_SESSION["old_content"] = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        header("location: ../../content/updateArticle.php?id=$id");
+        exit();
+    }
+
+    // ---------------------------------------------------------------------
+    // Echtes Speichern
+    // ---------------------------------------------------------------------
+    if (!isset($_POST["title"]) || !isset($_POST["category"])) {
         $_SESSION["message"] = "missing_parameters";
         header("location: ../../index.php?pfad=updateArticle&id=$id");
         exit();
-    }else{
+    } else {
-        $title = $_POST["title"];
+        $title    = $_POST["title"];
-        $content = $_POST["content"];
+        $content  = json_encode($blocks, JSON_UNESCAPED_UNICODE);
-        $author = $_SESSION["user_email"];
+        $author   = $_SESSION["user_email"];
         $category = $_POST["category"];
-        $tags = $_POST['tags'] ?? '';
+        $tags     = $_POST['tags'] ?? '';
 
         // -------------------------------- Validierung der Daten: -------------------------
         if (!articleTitleValidator($title)) {
@@ -88,91 +188,51 @@ if ($_SERVER["REQUEST_METHOD"] === "POST") {
             $cleanedTags = implode(',', $cleanedTags);
         }
 
-        // --------------------------------------- Base64-Bilder speichern ---------------------------------------------
+        // ----------------- Verwaiste Bilder aufräumen -----------------
-        $blocks = json_decode($content, true);
+        // Bilder, die im alten (gespeicherten) Content vorkamen, im neuen aber nicht
-        $uploadDir = __DIR__ . '/../../uploads/';
+        // mehr referenziert werden, wurden vom Nutzer entfernt oder ersetzt -> löschen.
-
+        // TODO: Bilder, die innerhalb derselben Bearbeitungs-Sitzung neu hochgeladen und noch vor dem finalen Speichern wieder entfernt wurden, werden hierüber nicht erfasst (sie tauchten nie im alten Content auf) und bleiben als Datei liegen. Für eine vollständige Bereinigung würde sich ein
-        if (!file_exists($uploadDir)) {
+        $oldBlocks = json_decode($article->getContent(), true);
-            mkdir($uploadDir, 0755, true);
+        $oldImagePaths = [];
-        }
+        if (is_array($oldBlocks)) {
-
+            foreach ($oldBlocks as $oldBlock) {
-        // ----------------- Gelöschte Bilder über die JS-Löschliste entfernen ----------------- TODO: Gelöschte Bilder über die JS-Löschliste entfernen
+                if (($oldBlock['type'] ?? '') === 'image'
-        /*if (isset($_POST['deleted_images'])) {
+                    && !empty($oldBlock['value'])
-            $deletedImages = json_decode($_POST['deleted_images'], true);
+                    && is_string($oldBlock['value'])
-
+                    && str_starts_with($oldBlock['value'], 'uploads/')) {
-            // Wir ermitteln den physisch echten, absoluten Pfad zum uploads-Ordner auf der Festplatte
+                    $oldImagePaths[] = $oldBlock['value'];
-            $uploadDir = realpath(__DIR__ . '/../../uploads') . DIRECTORY_SEPARATOR;
-
-            if (is_array($deletedImages)) {
-                foreach ($deletedImages as $imagePath) {
-                    // Nur den reinen Dateinamen heraustrennen (z.B. img_65a123.jpg)
-                    $filename = basename($imagePath);
-                    $fullDeletePath = $uploadDir . $filename;
-
-                    // Debugging & Löschen:
-                    if (file_exists($fullDeletePath)) {
-                        // Versuchen zu löschen. Wenn es fehlschlägt, Fehlermeldung erzwingen
-                        if (!@unlink($fullDeletePath)) {
-                            $error = error_get_last();
-                            die("Datei existiert, aber PHP darf sie nicht löschen! Grund: " . $error['message']);
-                        }
-                    } else {
-                        // Wenn PHP die Datei an diesem Pfad nicht findet, brechen wir zum Debuggen ab
-                        // die("PHP findet die Datei nicht unter dem Pfad: " . $fullDeletePath);
-                    }
                 }
             }
-        }*/
-
-        // ----------------------- NEU hinzugefügte Base64-Bilder: --------------------------
-        if (is_array($blocks)) {
-            foreach ($blocks as &$block) {
-                // Prüfen, ob der Block ein Bild ist und ein NEUES Bild (Base64-Format) enthält
-                if (isset($block['type']) && isset($block['value']) && $block['type'] === 'image' && is_string($block['value'])) {
-
-                    if (str_starts_with($block['value'], 'data:image/')) {
-                        $parts = explode(',', $block['value']);
-                        if (count($parts) >= 2) {
-                            $metadata = $parts[0];
-                            $base64Data = $parts[1];
-
-                            preg_match('/data:image\/(?<extension>.*?);/', $metadata, $matches);
-                            $extension = $matches['extension'] ?? 'jpg';
-                            if ($extension === 'jpeg') { $extension = 'jpg'; }
-
-                            $fileName = 'img_' . uniqid() . '.' . $extension;
-                            $filePath = $uploadDir . $fileName;
-
-                            if (file_put_contents($filePath, base64_decode($base64Data)) !== false) {
-                                $block['value'] = 'uploads/' . $fileName;
-                            } else {
-                                $_SESSION["message"] = "image_upload_error";
-                                header("location: ../../index.php?pfad=updateArticle&id=$id");
-                                exit();
-                            }
-                        }
-                    }
-                }
-            }
-            unset($block);
         }
 
-        // Aktualisiertes Array wieder in JSON konvertieren
+        $newImagePaths = [];
-        $finalContent = json_encode($blocks, JSON_UNESCAPED_UNICODE);
+        foreach ($blocks as $block) {
+            if (($block['type'] ?? '') === 'image' && !empty($block['value'])) {
+                $newImagePaths[] = $block['value'];
+            }
+        }
+
+        $orphanedImages = array_diff($oldImagePaths, $newImagePaths);
+        foreach ($orphanedImages as $orphanedImage) {
+            $absolutePath = __DIR__ . '/../../' . $orphanedImage;
+            if (is_file($absolutePath)) {
+                @unlink($absolutePath);
+            }
+        }
 
         // ----------------- Übertragung der validierten Daten in ArticleManager: ---------------------------
         try {
             $articleManager = ArticleManager::getInstance();
             $article = $articleManager->getArticle($id);
             $article->setTitle($title);
-            $article->setContent($finalContent);
+            $article->setContent($content);
             $article->setCategory($category);
             $article->setTags($cleanedTags);
-            $articleManager->updateArticle($id ,$article, $author);
+            $articleManager->updateArticle($id, $article, $author);
 
             unset($_SESSION["old_title"], $_SESSION["old_content"], $_SESSION["old_category"], $_SESSION["old_tags"]);
 
-        } catch (\Throwable $e){
+        } catch (\Throwable $e) {
             $_SESSION["message"] = $e->getMessage();
             header("location: ../../index.php?pfad=updateArticle&id=$id");
             exit();

php/controller/updateComment-controller.php

@@ -0,0 +1,92 @@
+<?php
+
+if (session_status() === PHP_SESSION_NONE) {
+    session_start();
+}
+
+require_once "php/model/CommentManager.php";
+
+if ($_SERVER["REQUEST_METHOD"] !== "POST") {
+    header("Location: index.php");
+    exit();
+}
+
+if (!isset($_SESSION["user_email"])) {
+    header("Location: index.php?pfad=login");
+    exit();
+}
+
+$commentId = filter_input(
+    INPUT_POST,
+    "comment_id",
+    FILTER_VALIDATE_INT
+);
+
+$articleId = filter_input(
+    INPUT_POST,
+    "article_id",
+    FILTER_VALIDATE_INT
+);
+
+$content = trim($_POST["content"] ?? "");
+
+/*
+ * Ohne gültige Beitrags-ID kann nicht sicher
+ * zum ursprünglichen Beitrag zurückgeleitet werden.
+ */
+if (!$articleId) {
+    header("Location: index.php");
+    exit();
+}
+
+/*
+ * Kommentar-ID und Inhalt werden geprüft.
+ */
+if (!$commentId || $content === "") {
+    $_SESSION["comment_message"] =
+        "Der Kommentar darf nicht leer sein.";
+
+    $_SESSION["comment_message_type"] = "error";
+
+    header(
+        "Location: index.php?pfad=showArticle&id="
+        . urlencode((string) $articleId)
+        . "#comments"
+    );
+    exit();
+}
+
+try {
+    $commentManager = CommentManager::getInstance();
+
+    $updated = $commentManager->updateComment(
+        $commentId,
+        $_SESSION["user_email"],
+        $content
+    );
+
+    if ($updated) {
+        $_SESSION["comment_message"] =
+            "Der Kommentar wurde erfolgreich bearbeitet.";
+
+        $_SESSION["comment_message_type"] = "success";
+    } else {
+        $_SESSION["comment_message"] =
+            "Der Kommentar konnte nicht bearbeitet werden.";
+
+        $_SESSION["comment_message_type"] = "error";
+    }
+
+} catch (Throwable $e) {
+    $_SESSION["comment_message"] =
+        "Beim Bearbeiten des Kommentars ist ein Fehler aufgetreten.";
+
+    $_SESSION["comment_message_type"] = "error";
+}
+
+header(
+    "Location: index.php?pfad=showArticle&id="
+    . urlencode((string) $articleId)
+    . "#comments"
+);
+exit();

php/model/Comment.php

@@ -13,7 +13,7 @@ class Comment
     private int $id;
     private int $articleId;
     private ?int $parentCommentId;
-    private string $author;
+    private ?string $author;
     private string $content;
     private string $created;
 
@@ -23,7 +23,7 @@ class Comment
      * @param int $id Eindeutige ID des Kommentars
      * @param int $articleId ID des zugehörigen Beitrags
      * @param int|null $parentCommentId ID des Eltern-Kommentars oder null
-     * @param string $author Autor des Kommentars
+     * @param string|null $author Autor des Kommentars oder null bei gelöschten Kommentaren
      * @param string $content Inhalt des Kommentars
      * @param string $created Erstellungsdatum des Kommentars
      */
@@ -31,7 +31,7 @@ class Comment
         int $id,
         int $articleId,
         ?int $parentCommentId,
-        string $author,
+        ?string $author,
         string $content,
         string $created
     ) {
@@ -86,9 +86,9 @@ class Comment
     /**
      * Gibt den Autor des Kommentars zurück.
      *
-     * @return string Autor
+     * @return string|null Autor oder null bei gelöschten Kommentaren
      */
-    public function getAuthor(): string
+    public function getAuthor(): ?string
     {
         return $this->author;
     }

php/model/CommentManagerDAO.php

@@ -51,4 +51,40 @@ interface CommentManagerDAO
      * @return Comment[] Liste der Kommentare
      */
     public function getCommentsByAuthor($author);
+    /**
+     * Löscht einen einzelnen Kommentar des angemeldeten Nutzers.
+     *
+     * Kommentare ohne Antworten werden vollständig entfernt.
+     * Kommentare mit Antworten bleiben als anonymer Platzhalter erhalten.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @return bool true, wenn der Kommentar gefunden und gelöscht wurde
+     */
+    public function deleteComment(int $commentId, string $author): bool;
+
+    /**
+     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
+     *
+     * Diese Methode wird bei der Löschung eines Benutzerkontos verwendet.
+     *
+     * @param string $author E-Mail-Adresse des Nutzers
+     * @return void
+     */
+    public function deleteCommentsByAuthor(string $author): void;
+    /**
+     * Bearbeitet einen Kommentar des angemeldeten Nutzers.
+     *
+     * Nur der Autor des Kommentars darf den Inhalt ändern.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @param string $content Neuer Kommentarinhalt
+     * @return bool true, wenn der Kommentar bearbeitet wurde
+     */
+    public function updateComment(
+        int $commentId,
+        string $author,
+        string $content
+    ): bool;
 }

php/model/DatabaseCommentManager.php

@@ -17,7 +17,7 @@ class DatabaseCommentManager implements CommentManagerDAO
     /**
      * Erstellt die Kommentartabelle, falls diese noch nicht existiert.
      */
-    public function __construct()
+    private function __construct()
     {
         $this->dbPath = __DIR__ . '/../../db/eduforgeDB.db';
         DatabaseInitializer::initialize($this->dbPath);
@@ -223,4 +223,194 @@ class DatabaseCommentManager implements CommentManagerDAO
 
         return $comments;
     }
+    /**
+     * Bearbeitet einen eigenen Kommentar.
+     *
+     * Der Kommentar wird nur geändert, wenn er dem
+     * angemeldeten Nutzer gehört.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @param string $content Neuer Kommentarinhalt
+     * @return bool true, wenn der Kommentar bearbeitet wurde
+     */
+    public function updateComment(
+        int $commentId,
+        string $author,
+        string $content
+    ): bool {
+        try {
+            $db = $this->getConnection();
+
+            $command = $db->prepare("
+            UPDATE comments
+            SET content = :content
+            WHERE id = :commentId
+              AND author = :author
+        ");
+
+            $command->execute([
+                ":content" => $content,
+                ":commentId" => $commentId,
+                ":author" => $author
+            ]);
+
+            return $command->rowCount() > 0;
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+    /**
+     * Löscht einen eigenen Kommentar.
+     *
+     * Hat der Kommentar Antworten, wird er anonymisiert.
+     * Hat er keine Antworten, wird er vollständig gelöscht.
+     *
+     * @param int $commentId ID des Kommentars
+     * @param string $author E-Mail-Adresse des Autors
+     * @return bool true, wenn der Kommentar gelöscht wurde
+     */
+    public function deleteComment(int $commentId, string $author): bool
+    {
+        try {
+            $db = $this->getConnection();
+
+            /*
+             * Zuerst wird geprüft, ob der Kommentar existiert
+             * und wirklich dem angemeldeten Nutzer gehört.
+             */
+            $checkCommand = $db->prepare("
+            SELECT id
+            FROM comments
+            WHERE id = :commentId
+              AND author = :author
+        ");
+
+            $checkCommand->execute([
+                ":commentId" => $commentId,
+                ":author" => $author
+            ]);
+
+            if ($checkCommand->fetch() === false) {
+                return false;
+            }
+
+            /*
+             * Danach wird geprüft, ob Antworten auf den Kommentar existieren.
+             */
+            $replyCommand = $db->prepare("
+            SELECT COUNT(*)
+            FROM comments
+            WHERE parent_comment_id = :commentId
+        ");
+
+            $replyCommand->execute([
+                ":commentId" => $commentId
+            ]);
+
+            $hasReplies = (int) $replyCommand->fetchColumn() > 0;
+
+            if ($hasReplies) {
+                /*
+                 * Der Kommentar wird für den Kommentarbaum benötigt.
+                 * Deshalb bleibt er als anonymer Platzhalter erhalten.
+                 */
+                $deleteCommand = $db->prepare("
+                UPDATE comments
+                SET author = NULL,
+                    content = 'Dieser Kommentar wurde gelöscht.'
+                WHERE id = :commentId
+                  AND author = :author
+            ");
+            } else {
+                /*
+                 * Ohne Antworten kann der Kommentar vollständig
+                 * aus der Datenbank entfernt werden.
+                 */
+                $deleteCommand = $db->prepare("
+                DELETE FROM comments
+                WHERE id = :commentId
+                  AND author = :author
+            ");
+            }
+
+            $deleteCommand->execute([
+                ":commentId" => $commentId,
+                ":author" => $author
+            ]);
+
+            return $deleteCommand->rowCount() > 0;
+
+        } catch (PDOException $e) {
+            throw new RuntimeException("internal_error");
+        }
+    }
+    /**
+     * Löscht beziehungsweise anonymisiert alle Kommentare eines Nutzers.
+     *
+     * Kommentare ohne Antworten werden vollständig gelöscht.
+     * Kommentare mit Antworten bleiben als anonyme Platzhalter erhalten.
+     *
+     * @param string $author E-Mail-Adresse des Nutzers
+     * @return void
+     */
+    public function deleteCommentsByAuthor(string $author): void
+    {
+        $db = $this->getConnection();
+
+        try {
+            $db->beginTransaction();
+
+            /*
+             * Zuerst werden alle Kommentare ohne Antworten gelöscht.
+             *
+             * Die Schleife ist wichtig, weil durch das Löschen einer Antwort
+             * eventuell auch der darüberliegende Kommentar keine Antworten
+             * mehr besitzt und anschließend ebenfalls gelöscht werden kann.
+             */
+            do {
+                $deleteCommand = $db->prepare("
+                DELETE FROM comments
+                WHERE author = :author
+                  AND NOT EXISTS (
+                      SELECT 1
+                      FROM comments AS replies
+                      WHERE replies.parent_comment_id = comments.id
+                  )
+            ");
+
+                $deleteCommand->execute([
+                    ":author" => $author
+                ]);
+
+                $deletedRows = $deleteCommand->rowCount();
+
+            } while ($deletedRows > 0);
+
+            /*
+             * Kommentare, auf die noch Antworten anderer Nutzer folgen,
+             * müssen für den Kommentarbaum erhalten bleiben.
+             */
+            $placeholderCommand = $db->prepare("
+            UPDATE comments
+            SET author = NULL,
+                content = 'Dieser Kommentar wurde gelöscht.'
+            WHERE author = :author
+        ");
+
+            $placeholderCommand->execute([
+                ":author" => $author
+            ]);
+
+            $db->commit();
+
+        } catch (PDOException $e) {
+            if ($db->inTransaction()) {
+                $db->rollBack();
+            }
+
+            throw new RuntimeException("internal_error");
+        }
+    }
 }

php/model/DatabaseInitializer.php

@@ -46,17 +46,17 @@ class DatabaseInitializer {
 
                 $db->exec("
                     CREATE TABLE IF NOT EXISTS comments (
-                        id INTEGER PRIMARY KEY AUTOINCREMENT,
+                     id INTEGER PRIMARY KEY AUTOINCREMENT,
-                        article_id INTEGER NOT NULL,
+                    article_id INTEGER NOT NULL,
-                        parent_comment_id INTEGER NULL,
+                    parent_comment_id INTEGER NULL,
-                        author TEXT NOT NULL,
+                    author TEXT NULL,
-                        content TEXT NOT NULL,
+                    content TEXT NOT NULL,
-                        created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
+                    created TIMESTAMP DEFAULT CURRENT_TIMESTAMP,
-                        FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
+                    FOREIGN KEY (article_id) REFERENCES articles(id) ON DELETE CASCADE,
-                        FOREIGN KEY (author) REFERENCES users(email) ON DELETE CASCADE,
+                    FOREIGN KEY (author) REFERENCES users(email) ON DELETE SET NULL,
-                        FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
+                    FOREIGN KEY (parent_comment_id) REFERENCES comments(id) ON DELETE CASCADE
-                    );
+                        );
-                ");
+                    ");
 
                 $initializer = new self();
                 $availableEmails = $initializer->seedDummyUsers($db);