Correctly format Markdown output for release notes

application/views/version_dialog/index.php

@@ -6,6 +6,29 @@
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
             <div class="modal-body">
+
+                <script src="<?php echo base_url('assets/js/showdown.min.js'); ?>"></script>
+
+                <script>
+                    function convertMarkdownToHTML() {
+                        // Get the Markdown content from the div
+                        var markdownContent = document.getElementById('markdownDiv').innerText;
+
+                        // Create a new Showdown Converter with simplifiedAutoLink option enabled
+                        var converter = new showdown.Converter({
+                            simplifiedAutoLink: true
+                        });
+
+                        // Convert Markdown to HTML
+                        var html = converter.makeHtml(markdownContent);
+
+                        // Set the HTML content of the div
+                        document.getElementById('formattedHTMLDiv').innerHTML = html;
+                    }
+
+                    convertMarkdownToHTML();
+                </script>
+
                 <?php
                 $versionDialogMode = isset($this->optionslib) ? $this->optionslib->get_option('version_dialog') : 'release_notes';
                 if ($versionDialogMode == 'custom_text' || $versionDialogMode == 'both') {
@@ -39,10 +62,10 @@
                         if ($response !== false) {
                             $data = json_decode($response, true);
 
-			$current_version=$this->optionslib->get_option('version');
+                            $current_version = $this->optionslib->get_option('version');
                             if ($data !== null && !empty($data)) {
                                 foreach ($data as $singledata) {
-				if ($singledata['tag_name']==$current_version) {
+                                    if ($singledata['tag_name'] == $current_version) {
                                         $firstRelease = $singledata;
                                         continue;
                                     }
@@ -53,13 +76,14 @@
                                 $htmlReleaseBodyWithLinks = preg_replace('/(https?:\/\/[^\s<]+)/', '<a href="$1" target="_blank">$1</a>', $htmlReleaseBody);
 
                                 $releaseName = isset($firstRelease['name']) ? $firstRelease['name'] : 'No version name information available';
-                            echo "<h4>v".$releaseName."</h4>";
-                            echo nl2br($htmlReleaseBodyWithLinks);
+                                echo "<h4>v" . $releaseName . "</h4>";
+                                echo "<div id='markdownDiv' style='display: none;'>" . $releaseBody . "</div>";
+                                echo "<div id='formattedHTMLDiv'></div>";
                             } else {
-                            echo 'Fehler beim Decodieren der JSON-Daten oder leere Antwort erhalten.';
+                                echo 'Error decoding JSON data or received empty response.';
                             }
                         } else {
-                        echo 'Fehler beim Abrufen der Daten von der GitHub API.';
+                            echo 'Error retrieving data from the GitHub API.';
                         }
                         ?>
                     </div>

assets/js/sections/version_dialog.js

@@ -19,6 +19,7 @@ $('#version_dialog_mode').on('change', function () {
     showCustomTextarea();
 });
 
+
 // JavaScript-Funktion displayVersionDialog für Bootstrap 5
 function displayVersionDialog() {