diff --git a/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue b/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
index 9f5972eba..917c5db72 100644
--- a/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
+++ b/examples/sites/demos/pc/app/rich-text-editor/basic-usage.vue
@@ -2,6 +2,8 @@
   <div>
     <tiny-rich-text-editor v-model="value"></tiny-rich-text-editor>
     <div class="result">
+      <hr />
+      <textarea v-model="value" style="width: 100%" rows="5" />
       <hr />
       <pre>{{ value }}</pre>
     </div>
diff --git a/packages/renderless/src/rich-text-editor/vue.ts b/packages/renderless/src/rich-text-editor/vue.ts
index b77a206e3..dab654463 100644
--- a/packages/renderless/src/rich-text-editor/vue.ts
+++ b/packages/renderless/src/rich-text-editor/vue.ts
@@ -10,6 +10,7 @@ import {
   eventClick,
   Active
 } from './index'
+import type { ISharedRenderlessParamHooks } from '@/types'
 
 export const api = [
   'state',
@@ -26,7 +27,7 @@ export const api = [
 ]
 export const renderless = (
   props,
-  { computed, onBeforeUnmount, reactive },
+  { computed, onBeforeUnmount, reactive, watch }: ISharedRenderlessParamHooks,
   { vm, emit },
   {
     Editor,
@@ -293,5 +294,12 @@ export const renderless = (
     state.editor.destroy()
   })
 
+  watch(
+    () => props.modelValue,
+    (value) => {
+      state.editor.commands.setContent(value)
+    }
+  )
+
   return api
 }