diff --git a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
index b3928e573d..5c190c4138 100644
--- a/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
+++ b/core/core-frontend/src/custom-component/rich-text/DeRichTextView.vue
@@ -164,8 +164,8 @@ watch(
       const ed = tinymce.editors[tinymceId]
       element.value.propValue.textValue = ed.getContent()
     }
-    if (initReady.value) {
-      snapshotStore.recordSnapshotCache()
+    if (initReady.value && canEdit.value) {
+      snapshotStore.recordSnapshotCache('renderChart', element.value.id)
     }
   }
 )
@@ -405,7 +405,7 @@ const initCurFields = chartDetails => {
 }
 
 const renderChart = () => {
-  //do nothing
+  initCurFieldsChange()
 }
 
 onMounted(() => {
diff --git a/core/core-frontend/src/store/modules/data-visualization/snapshot.ts b/core/core-frontend/src/store/modules/data-visualization/snapshot.ts
index 9aceeb76f2..39eaac6374 100644
--- a/core/core-frontend/src/store/modules/data-visualization/snapshot.ts
+++ b/core/core-frontend/src/store/modules/data-visualization/snapshot.ts
@@ -96,7 +96,10 @@ export const snapshotStore = defineStore('snapshot', {
             })
           }
         })
-        if (!curComponentMatch) {
+        if (
+          !curComponentMatch ||
+          (curComponent.value.innerType && curComponent.value.innerType === 'rich-text')
+        ) {
           dvMainStore.setCurComponent({
             component: null,
             index: null