feat: render markdown content using marked library

EnvelopeGenerator.Web/Views/Envelope/ShowEnvelope.cshtml

@@ -79,7 +79,7 @@
                 }
                 else
                 {
-                <div id="envelope-message"></div>
+                <div class="markdown">@(envelope?.Message)</div>
                 }
                 <p>
                     <small class="text-body-secondary">
@@ -134,8 +134,6 @@
 @if (!isReadOnly)
 {
 <script nonce="@nonce">
-    document.getElementById('envelope-message').innerHTML = marked.parse('@(envelope?.Message)');
-
     document.getElementById('readonly-send').addEventListener('click', async () => {
         const receiverMail = document.getElementById('readonly-receiver-mail');
         const dateValid = document.getElementById('readonly-date-valid');

EnvelopeGenerator.Web/Views/Shared/_Layout.cshtml

@@ -96,5 +96,6 @@
         </div>
         <a href="/privacy-policy.@(_localizer.Culture()).html" target="_blank">@_localizer.Privacy()</a>
     </footer>
+    <script src="~/js/markdown.min.js" asp-append-version="true"></script>
 </body>
 </html>

EnvelopeGenerator.Web/bundleconfig.json

@@ -41,6 +41,12 @@
       "wwwroot/js/util.js"
     ]
   },
+  {
+    "outputFileName": "wwwroot/js/markdown.min.js",
+    "inputFiles": [
+      "wwwroot/js/markdown.js"
+    ]
+  },
   {
     "outputFileName": "wwwroot/css/error-space.min.css",
     "inputFiles": [

EnvelopeGenerator.Web/wwwroot/js/markdown.js

@@ -0,0 +1 @@
+document.querySelectorAll('.markdown').forEach(e => e.innerHTML = marked.parse(e.innerHTML));

EnvelopeGenerator.Web/wwwroot/js/markdown.min.js

@@ -0,0 +1 @@
+document.querySelectorAll(".markdown").forEach(n=>n.innerHTML=marked.parse(n.innerHTML));