diff --git a/frontend/src/views/dashboard/SQTextDemo/index.vue b/frontend/src/views/dashboard/SQTextDemo/index.vue
new file mode 100644
index 0000000..d7a4568
--- /dev/null
+++ b/frontend/src/views/dashboard/SQTextDemo/index.vue
@@ -0,0 +1,21 @@
+<template>
+  <div>
+    <h1>文章编辑器</h1>
+    <RichTextEditor v-model="articleContent" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import RichTextEditor from '@/views/dashboard/components/sq-text-t7/index.vue'
+const articleContent = ref('<p>这里是默认内容...</p>')
+</script>
+
+<style>
+.preview {
+  margin-top: 20px;
+  padding: 15px;
+  border: 1px solid #eee;
+  border-radius: 4px;
+}
+</style>