Update templates/index.html

templates/index.html

@@ -931,7 +931,21 @@
       }
       function nl2br(s) { return esc(s).replace(/\n/g, "<br>"); }
       function renderInlineMarkdown(s) {
-        let out = esc(String(s || ""));
+        // Extract images and links before escaping so URLs are never mangled by italic/bold regexes
+        const tokens = [];
+        const raw = String(s || "").replace(
+          /!\[([^\]]*)\]\((https?:\/\/[^\s)]+)\)|\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g,
+          (match, imgAlt, imgSrc, linkText, linkHref) => {
+            const idx = tokens.length;
+            if (imgSrc !== undefined) {
+              tokens.push(`<img class="md-img" src="${imgSrc}" alt="${esc(imgAlt)}" loading="lazy">`);
+            } else {
+              tokens.push(`<a href="${linkHref}" target="_blank" rel="noreferrer">${esc(linkText)}</a>`);
+            }
+            return `\x00${idx}\x00`;
+          }
+        );
+        let out = esc(raw);
         out = out.replace(/`([^`]+)`/g, "<code>$1</code>");
         out = out.replace(/\*\*\*([^*]+)\*\*\*/g, "<strong><em>$1</em></strong>");
         out = out.replace(/___([^_]+)___/g, "<strong><em>$1</em></strong>");
@@ -940,8 +954,7 @@
         out = out.replace(/\*([^*\s][^*]*[^*\s]|\S)\*/g, "<em>$1</em>");
         out = out.replace(/_([^_\s][^_]*[^_\s]|\S)_/g, "<em>$1</em>");
         out = out.replace(/~~([^~]+)~~/g, "<s>$1</s>");
-        out = out.replace(/!\[([^\]]*)\]\((https?:\/\/[^\s)]+)\)/g, '<img class="md-img" src="$2" alt="$1" loading="lazy">');
-      out = out.replace(/\[([^\]]+)\]\((https?:\/\/[^\s)]+)\)/g, '<a href="$2" target="_blank" rel="noreferrer">$1</a>');
+        out = out.replace(/\x00(\d+)\x00/g, (_, i) => tokens[Number(i)]);
         return out;
       }
       function renderMarkdown(md) {