update

src/views/components/element/ShapeElement/BaseShapeElement.vue

@@ -144,7 +144,7 @@ const text = computed<ShapeText>(() => {
   padding: 5px;
   word-break: break-word;
   pointer-events: none;
-  white-space: pre;
+  white-space: pre-wrap;
   &.editable {
     pointer-events: all;
   }

src/views/components/element/ShapeElement/index.vue

@@ -266,7 +266,7 @@ const startEdit = () => {
   padding: 5px;
   word-break: break-word;
   pointer-events: none;
-  white-space: pre;
+  white-space: pre-wrap;
 
   &.editable {
     pointer-events: all;

src/views/components/element/TextElement/BaseTextElement.vue

@@ -101,7 +101,7 @@ const { shadowStyle } = useElementShadow(shadow)
   flex-direction: column;
   word-break: break-word;
   pointer-events: none;
-  white-space: pre;
+  white-space: pre-wrap;
   &.editable {
     pointer-events: all;
   }

src/views/components/element/TextElement/index.vue

@@ -233,7 +233,7 @@ watch(isHandleElement, () => {
   flex-direction: column;
   word-break: break-word;
   pointer-events: none;
-  white-space: pre;
+  white-space: pre-wrap;
   &.editable {
     pointer-events: all;
   }