feat(rte-markdown): Added link rendering to zmi

Products/zms/plugins/rte/simplemde/manage_form.zpt

@@ -16,6 +16,7 @@
 
 <link rel="stylesheet" href="/++resource++zms_/simplemde/simplemde.min.css">
 <script src="/++resource++zms_/simplemde/simplemde.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
 
 <tal:block tal:content="structure python:'<script>'"></tal:block>
 
@@ -38,6 +39,12 @@ var simplemde = new SimpleMDE({
         "image", "table", "horizontal-rule", "clean-block", "|",
         "preview", "side-by-side", "fullscreen", "guide"
     ],
+    previewRender: function(plainText, preview) { // Async method
+		setTimeout(function() {
+			preview.innerHTML = customMarkdownParser(plainText);
+		}, 0);
+		return "Loading...";
+	},
 });
 
 $('#attr_url_markdown').on("change", function() {
@@ -77,6 +84,30 @@ function zmiRichtextInit(id) {
 
 }
 
+function customMarkdownParser(plainText) {
+    text = marked.parse(plainText);
+
+    // https://stackoverflow.com/questions/136505/searching-for-uuids-in-text-with-regex
+    const pattern = /[a-fA-F0-9]{8}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{4}-[a-fA-F0-9]{12}/ig
+    uuids = text.match(pattern);
+
+    uuids.forEach(function(uuid) {
+        $.ajax({
+            url: '++rest_api/zmsindex',
+            async: false,  // to set text in success below
+            data: {
+                get_uid: 'uid:' + uuid,
+            },
+            datatype: 'json',
+            success: function(response) {
+                text = text.replace('%7B$uid:' + uuid + '%7D', response[0].getPath);  // incorrect path for img src
+            }
+        });
+    });
+
+    return text;
+}
+
 <tal:block tal:content="structure python:'</script>'"></tal:block>
 
 <tal:block tal:define="dummy0 python:request.set('f_zmiRichtextOnSubmitEventHandler',False)"></tal:block>