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

@@ -2,7 +2,7 @@
   <div>
     <tiny-fluent-editor v-model="content"></tiny-fluent-editor>
     内容：<br />
-    {{ content }}
+    <div class="fluent-editor-demo__basic-usage__content">{{ content }}</div>
   </div>
 </template>
 
@@ -12,3 +12,9 @@ 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 {
+  word-break: break-word;
+}
+</style>

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

@@ -2,7 +2,7 @@
   <div>
     <tiny-fluent-editor v-model="content"></tiny-fluent-editor>
     内容：<br />
-    {{ content }}
+    <div class="fluent-editor-demo__basic-usage__content">{{ content }}</div>
   </div>
 </template>
 
@@ -20,3 +20,9 @@ export default {
   }
 }
 </script>
+
+<style scoped>
+.fluent-editor-demo__basic-usage__content {
+  word-break: break-word;
+}
+</style>