Applied the preview implementation to BlogPost

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/create.js

@@ -334,6 +334,22 @@ $(function () {
         editor.insertText(txt);
     });
 
+    $('.tab-item').on('click', function () {
+        if ($(this).attr("aria-label") == 'Preview' && editor.isMarkdownMode()) {
+
+            let content = editor.getMarkdown();
+            localStorage.setItem('content', content);
+
+            $.post("/CmsKitCommonWidgets/ContentPreview", { content: content }, function (result) {
+                editor.setHTML(result);
+            });
+        }
+        else if ($(this).attr("aria-label") == 'Write') {
+            var retrievedObject = localStorage.getItem('content');
+            editor.setMarkdown(retrievedObject);
+        }
+    });
+
     function createAddWidgetButton() {
         const button = document.createElement('button');
 

modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/BlogPosts/update.js

@@ -255,6 +255,22 @@ $(function () {
         editor.insertText(txt);
     });
 
+    $('.tab-item').on('click', function () {
+        if ($(this).attr("aria-label") == 'Preview' && editor.isMarkdownMode()) {
+
+            let content = editor.getMarkdown();
+            localStorage.setItem('content', content);
+
+            $.post("/CmsKitCommonWidgets/ContentPreview", { content: content }, function (result) {
+                editor.setHTML(result);
+            });
+        }
+        else if ($(this).attr("aria-label") == 'Write') {
+            var retrievedObject = localStorage.getItem('content');
+            editor.setMarkdown(retrievedObject);
+        }
+    });
+
     function createAddWidgetButton() {
         const button = document.createElement('button');