diff --git a/web/src/lang/en_us.js b/web/src/lang/en_us.js
index 853f2286..3f25c6dc 100644
--- a/web/src/lang/en_us.js
+++ b/web/src/lang/en_us.js
@@ -67,7 +67,8 @@ export default {
     edge: 'Edge',
     rainbowLines: 'Rainbow lines',
     notUseRainbowLines: 'Not use rainbow lines',
-    outerFramePadding: 'Outer frame padding'
+    outerFramePadding: 'Outer frame padding',
+    openRealtimeRenderOnNodeTextEdit: 'Enable real-time rendering effect for text editing'
   },
   color: {
     moreColor: 'More color'
diff --git a/web/src/lang/zh_cn.js b/web/src/lang/zh_cn.js
index 720b399a..3b02eba1 100644
--- a/web/src/lang/zh_cn.js
+++ b/web/src/lang/zh_cn.js
@@ -67,7 +67,8 @@ export default {
     edge: '边缘',
     rainbowLines: '彩虹线条',
     notUseRainbowLines: '不使用彩虹线条',
-    outerFramePadding: '外框内边距'
+    outerFramePadding: '外框内边距',
+    openRealtimeRenderOnNodeTextEdit: '开启文本编辑实时渲染效果'
   },
   color: {
     moreColor: '更多颜色'
diff --git a/web/src/lang/zh_tw.js b/web/src/lang/zh_tw.js
index 9772d8ce..01f2005b 100644
--- a/web/src/lang/zh_tw.js
+++ b/web/src/lang/zh_tw.js
@@ -67,7 +67,8 @@ export default {
     edge: '邊緣',
     rainbowLines: '彩虹線條',
     notUseRainbowLines: '不使用彩虹線條',
-    outerFramePadding: '外框內距'
+    outerFramePadding: '外框內距',
+    openRealtimeRenderOnNodeTextEdit: '開啟文本編輯實時渲染效果'
   },
   color: {
     moreColor: '更多顏色'
diff --git a/web/src/pages/Edit/components/BaseStyle.vue b/web/src/pages/Edit/components/BaseStyle.vue
index 8c1750df..750b67bb 100644
--- a/web/src/pages/Edit/components/BaseStyle.vue
+++ b/web/src/pages/Edit/components/BaseStyle.vue
@@ -1008,6 +1008,18 @@
           </el-select>
         </div>
       </div>
+      <!-- 是否开启文本编辑时实时更新节点大小 -->
+      <div class="row">
+        <div class="rowItem">
+          <el-checkbox
+            v-model="config.openRealtimeRenderOnNodeTextEdit"
+            @change="
+              updateOtherConfig('openRealtimeRenderOnNodeTextEdit', $event)
+            "
+            >{{ $t('baseStyle.openRealtimeRenderOnNodeTextEdit') }}</el-checkbox
+          >
+        </div>
+      </div>
       <!-- 是否显示滚动条 -->
       <div class="row">
         <div class="rowItem">
@@ -1123,7 +1135,8 @@ export default {
         enableFreeDrag: false,
         mousewheelAction: 'zoom',
         mousewheelZoomActionReverse: false,
-        createNewNodeBehavior: 'default'
+        createNewNodeBehavior: 'default',
+        openRealtimeRenderOnNodeTextEdit: true
       },
       watermarkConfig: {
         show: false,
@@ -1310,7 +1323,8 @@ export default {
         'enableFreeDrag',
         'mousewheelAction',
         'mousewheelZoomActionReverse',
-        'createNewNodeBehavior'
+        'createNewNodeBehavior',
+        'openRealtimeRenderOnNodeTextEdit'
       ].forEach(key => {
         this.config[key] = this.mindMap.getConfig(key)
       })
diff --git a/web/src/pages/Edit/components/Edit.vue b/web/src/pages/Edit/components/Edit.vue
index 431ac9bc..8b46d59f 100644
--- a/web/src/pages/Edit/components/Edit.vue
+++ b/web/src/pages/Edit/components/Edit.vue
@@ -367,6 +367,7 @@ export default {
             // this.$bus.$emit('hideNoteContent')
           }
         },
+        openRealtimeRenderOnNodeTextEdit: true,
         ...(config || {}),
         iconList: [...icon],
         useLeftKeySelectionRightKeyDrag: this.useLeftKeySelectionRightKeyDrag,