diff --git a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js
index 565f758552..7f5a54c798 100644
--- a/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js
+++ b/modules/cms-kit/src/Volo.CmsKit.Admin.Web/Pages/CmsKit/Pages/update.js
@@ -140,6 +140,29 @@ $(function () {
         var txt = $('#GeneratedWidgetText').val();
         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) {
+
+                let style = styleEditor.getValue();
+
+                $('#editor-preview-style').remove();
+
+                $('head').append('<style id="editor-preview-style">' + style + '</style>');
+
+                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');