From 540a2716d8e8e7b947ec5aa6352736dff6ee225c Mon Sep 17 00:00:00 2001
From: roymondchen <roymondchen@tencent.com>
Date: Tue, 26 May 2026 20:20:51 +0800
Subject: [PATCH] =?UTF-8?q?fix(editor):=20serializeConfig=20=E5=8F=AA?=
 =?UTF-8?q?=E5=8E=BB=E6=8E=89=E5=AF=B9=E8=B1=A1=20key=20=E7=9A=84=E5=BC=95?=
 =?UTF-8?q?=E5=8F=B7=EF=BC=8C=E9=81=BF=E5=85=8D=E7=A0=B4=E5=9D=8F=E5=AD=97?=
 =?UTF-8?q?=E7=AC=A6=E4=B8=B2=20value=20=E5=86=85=E7=9A=84=E5=BC=95?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/editor/src/utils/editor.ts           |  5 +-
 .../editor/tests/unit/utils/editor.spec.ts    | 48 +++++++++++++++++++
 2 files changed, 52 insertions(+), 1 deletion(-)

diff --git a/packages/editor/src/utils/editor.ts b/packages/editor/src/utils/editor.ts
index 5110b753..00444304 100644
--- a/packages/editor/src/utils/editor.ts
+++ b/packages/editor/src/utils/editor.ts
@@ -324,11 +324,14 @@ export const fixNodePosition = (config: MNode, parent: MContainer, stage: StageC
 };
 
 // 序列化配置
+// 仅去掉对象 key 的双引号；字符串值内的 "xxx": 不应被误处理
+// serialize-javascript 在 space: 2 时，每个 key 都会出现在换行 + 空白缩进之后，
+// 因此通过 (^|\n)\s* 锚定行首缩进，避免匹配到字符串值中的 \"xxx\":
 export const serializeConfig = (config: any) =>
   serialize(config, {
     space: 2,
     unsafe: true,
-  }).replace(/"(\w+)":\s/g, '$1: ');
+  }).replace(/(^|\n)(\s*)"(\w+)":\s/g, '$1$2$3: ');
 
 export const moveItemsInContainer = (sourceIndices: number[], parent: MContainer, targetIndex: number) => {
   sourceIndices.sort((a, b) => a - b);
diff --git a/packages/editor/tests/unit/utils/editor.spec.ts b/packages/editor/tests/unit/utils/editor.spec.ts
index 1f313810..733fe6ba 100644
--- a/packages/editor/tests/unit/utils/editor.spec.ts
+++ b/packages/editor/tests/unit/utils/editor.spec.ts
@@ -1,3 +1,4 @@
+/* eslint-disable prettier/prettier */
 /*
  * Tencent is pleased to support the open source community by making TMagicEditor available.
  *
@@ -1046,6 +1047,53 @@ describe('补充：fixNodeLeft / fixNodePosition / serializeConfig', () => {
     const out = editor.serializeConfig({ a: 1 });
     expect(out).toContain('a:');
   });
+
+  test('serializeConfig - 输出去掉了 key 引号', () => {
+    const out = editor.serializeConfig({ a: { b: 1 }});
+    expect(out).toContain('a:');
+    expect(out).toContain('b: 1');
+  });
+
+  test('serializeConfig - value中包含"x"', () => {
+    const out = editor.serializeConfig({ a: '"a": 1' });
+    expect(out).toContain('\\"a\\":');
+  });
+
+  test('serializeConfig - value中包含"x"', () => {
+    const out = editor.serializeConfig({ a: { b: '"a": 1' } });
+    expect(out).toContain('\\"a\\":');
+    expect(out).toContain('b: ');
+  });
+
+  test('serializeConfig - function', () => {
+    const out = editor.serializeConfig({
+      a: () => {
+        const b = "b";
+        switch (b) {
+          // @ts-ignore
+          case "a":
+            return 1;
+        }
+      },
+    });
+    expect(out).toContain('"a":');
+  });
+
+   test('serializeConfig - function', () => {
+    const out = editor.serializeConfig({
+      a: {
+        b: () => {
+          const b = "b";
+          switch (b) {
+            // @ts-ignore
+            case "a": return 1;
+          }
+        }
+      },
+    });
+    expect(out).toContain('"a":');
+    expect(out).toContain('b: ');
+  });
 });
 
 describe('补充：isIncludeDataSource', () => {