docs(fluent-editor): fixed text exceeding problem caused by too long content in the fluent-editor component demo

Author: kagol

examples/sites/demos/pc/app/fluent-editor/basic-usage-composition-api.vue

@@ -1,8 +1,10 @@
 <template>
   <div>
     <tiny-fluent-editor v-model="content"></tiny-fluent-editor>
-    内容：<br />
-    {{ content }}
+    <div class="fluent-editor-demo__basic-usage__content">
+      内容：<br />
+      {{ content }}
+    </div>
   </div>
 </template>
 
@@ -12,3 +14,11 @@ import { TinyFluentEditor } from '@opentiny/vue'
 
 const content = ref('{"ops":[{"insert":"Hello "},{"attributes":{"bold":true},"insert":"FluentEditor"},{"insert":"!"}]}')
 </script>
+
+<style scoped>
+.fluent-editor-demo__basic-usage__content {
+  margin: 16px 0;
+  line-height: 1.5;
+  word-break: break-word;
+}
+</style>

examples/sites/demos/pc/app/fluent-editor/basic-usage.vue

@@ -1,8 +1,10 @@
 <template>
   <div>
     <tiny-fluent-editor v-model="content"></tiny-fluent-editor>
-    内容：<br />
-    {{ content }}
+    <div class="fluent-editor-demo__basic-usage__content">
+      内容：<br />
+      {{ content }}
+    </div>
   </div>
 </template>
 
@@ -20,3 +22,11 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.fluent-editor-demo__basic-usage__content {
+  margin: 16px 0;
+  line-height: 1.5;
+  word-break: break-word;
+}
+</style>