diff --git a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
index 52d8296..3c35e47 100644
--- a/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
+++ b/hangtag-ui/hangtag-ui-admin/src/components/DraftDesign/components/node/TextCellNode.vue
@@ -12,8 +12,8 @@
     <span
       :id="textElId"
       :style="cellInfo.style.text"
-       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;"
-      v-html="safeHtml(cellInfo.label)">
+       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;hyphens: auto;"
+      v-html="safeHtml(textShowLabel)">
     </span>
     <el-dialog
       v-model="cellInfo.showInput"
@@ -99,7 +99,32 @@ export default defineComponent({
       targetElement: null
     }
   },
+  computed: {
+    textShowLabel() {
+    // ,&#8203;
+      if(this.cellInfo.label){
+        let text = this.cellInfo.label;
+        text = text.replaceAll('"', "“");
+        text = text.replaceAll(',', ",&#8203;");
+        text = text.replaceAll('.', ".&#8203;");
+        text = text.replaceAll(':', ":&#8203;");
+        text = text.replaceAll('!', "!&#8203;");
+        text = text.replaceAll('?', "?&#8203;");
+        text = text.replaceAll("'", "'&#8203;");
+        text = text.replaceAll('-', "-&#8203;");
+        text = text.replaceAll('—', "—&#8203;");
+        text = text.replaceAll('/', "/&#8203;");
+        text = text.replaceAll('(', "(&#8203;");
+        text = text.replaceAll(')', ")&#8203;");
+        text = text.replaceAll('+', "+&#8203;");
+        text = text.replaceAll('=', "=&#8203;");
 
+        return text;
+      }
+
+      return this.cellInfo.label
+    }
+  },
   mounted() {
     const node = (this as any).getNode()
     this.nodeInfo = node
diff --git a/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue b/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
index 52d8296..3c35e47 100644
--- a/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
+++ b/hangtag-ui/hangtag-ui-front/src/components/DraftDesign/components/node/TextCellNode.vue
@@ -12,8 +12,8 @@
     <span
       :id="textElId"
       :style="cellInfo.style.text"
-       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;"
-      v-html="safeHtml(cellInfo.label)">
+       style="word-break: keep-all;  white-space: normal; overflow-wrap: break-word;hyphens: auto;"
+      v-html="safeHtml(textShowLabel)">
     </span>
     <el-dialog
       v-model="cellInfo.showInput"
@@ -99,7 +99,32 @@ export default defineComponent({
       targetElement: null
     }
   },
+  computed: {
+    textShowLabel() {
+    // ,&#8203;
+      if(this.cellInfo.label){
+        let text = this.cellInfo.label;
+        text = text.replaceAll('"', "“");
+        text = text.replaceAll(',', ",&#8203;");
+        text = text.replaceAll('.', ".&#8203;");
+        text = text.replaceAll(':', ":&#8203;");
+        text = text.replaceAll('!', "!&#8203;");
+        text = text.replaceAll('?', "?&#8203;");
+        text = text.replaceAll("'", "'&#8203;");
+        text = text.replaceAll('-', "-&#8203;");
+        text = text.replaceAll('—', "—&#8203;");
+        text = text.replaceAll('/', "/&#8203;");
+        text = text.replaceAll('(', "(&#8203;");
+        text = text.replaceAll(')', ")&#8203;");
+        text = text.replaceAll('+', "+&#8203;");
+        text = text.replaceAll('=', "=&#8203;");
 
+        return text;
+      }
+
+      return this.cellInfo.label
+    }
+  },
   mounted() {
     const node = (this as any).getNode()
     this.nodeInfo = node