From 53b0ddf23ad04e5a32e62da4a0e8659d70a2f6ea Mon Sep 17 00:00:00 2001
From: star7th <xing7th@gmail.com>
Date: Sat, 12 Apr 2025 10:04:20 +0800
Subject: [PATCH] =?UTF-8?q?json=E5=8F=8D=E8=BD=AC=E4=B9=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/tools/json_formatter/page.tsx      | 81 ++++++++++++++++++++++
 src/config/i18n/tools/json_formatter/en.ts |  5 +-
 src/config/i18n/tools/json_formatter/zh.ts |  5 +-
 3 files changed, 89 insertions(+), 2 deletions(-)

diff --git a/src/app/tools/json_formatter/page.tsx b/src/app/tools/json_formatter/page.tsx
index eb4f0f7..d2fb642 100644
--- a/src/app/tools/json_formatter/page.tsx
+++ b/src/app/tools/json_formatter/page.tsx
@@ -211,6 +211,66 @@ export default function JsonFormatter() {
     }
   };
   
+  // 字符串转义
+  const escapeString = () => {
+    if (!jsonInput) return;
+    
+    try {
+      // 将常见字符转义为JSON字符串中的格式
+      const processed = jsonInput
+        .replace(/\\/g, '\\\\')    // 先转义反斜杠
+        .replace(/"/g, '\\"')      // 转义双引号
+        .replace(/\n/g, '\\n')     // 转义换行符
+        .replace(/\r/g, '\\r')     // 转义回车符
+        .replace(/\t/g, '\\t')     // 转义制表符
+        .replace(/\f/g, '\\f')     // 转义换页符
+        .replace(/\b/g, '\\b');    // 转义退格符
+      
+      // 检查是否有变化
+      if (processed === jsonInput) {
+        console.log('没有检测到需要转义的内容');
+        return;
+      }
+      
+      // 更新输入框
+      setJsonInput(processed);
+      
+      // 不需要立即格式化，因为用户可能还需要进一步编辑
+    } catch (error) {
+      console.error('字符串转义处理失败:', error);
+    }
+  };
+  
+  // 字符串反转义
+  const unescapeString = () => {
+    if (!jsonInput) return;
+    
+    try {
+      // 将JSON字符串中的转义字符还原为原始字符
+      const processed = jsonInput
+        .replace(/\\"/g, '"')      // 反转义双引号
+        .replace(/\\n/g, '\n')     // 反转义换行符
+        .replace(/\\r/g, '\r')     // 反转义回车符
+        .replace(/\\t/g, '\t')     // 反转义制表符
+        .replace(/\\f/g, '\f')     // 反转义换页符
+        .replace(/\\b/g, '\b')     // 反转义退格符
+        .replace(/\\\\/g, '\\');   // 最后反转义反斜杠
+      
+      // 检查是否有变化
+      if (processed === jsonInput) {
+        console.log('没有检测到需要反转义的内容');
+        return;
+      }
+      
+      // 更新输入框
+      setJsonInput(processed);
+      
+      // 不需要立即格式化，因为用户可能还需要进一步编辑
+    } catch (error) {
+      console.error('字符串反转义处理失败:', error);
+    }
+  };
+  
   // 复制结果到剪贴板
   const copyToClipboard = () => {
     if (jsonOutput) {
@@ -794,6 +854,26 @@ export default function JsonFormatter() {
           <span>{t('tools.json_formatter.remove_slash')}</span>
         </button>
         
+        {/* 字符串转义按钮 */}
+        <button 
+          className={`${toolbarButtonClass} bg-[rgb(var(--color-bg-secondary))] text-[rgb(var(--color-text-secondary))] hover:text-[rgb(var(--color-text-primary))]`}
+          onClick={escapeString} 
+          disabled={!jsonInput || isLoading}
+        >
+          <FontAwesomeIcon icon={faCode} />
+          <span>{t('tools.json_formatter.escape_string')}</span>
+        </button>
+        
+        {/* 字符串反转义按钮 */}
+        <button 
+          className={`${toolbarButtonClass} bg-[rgb(var(--color-bg-secondary))] text-[rgb(var(--color-text-secondary))] hover:text-[rgb(var(--color-text-primary))]`}
+          onClick={unescapeString} 
+          disabled={!jsonInput || isLoading}
+        >
+          <FontAwesomeIcon icon={faSync} />
+          <span>{t('tools.json_formatter.unescape_string')}</span>
+        </button>
+        
         {isLoading && (
           <button 
             className="px-3 py-1.5 rounded text-sm flex items-center gap-1 transition-all border"
@@ -1085,6 +1165,7 @@ export default function JsonFormatter() {
           <li>{t('tools.json_formatter.guide_5')}</li>
           <li>{t('tools.json_formatter.guide_6')}</li>
           <li>{t('tools.json_formatter.guide_7')}</li>
+          <li>{t('tools.json_formatter.guide_8')}</li>
         </ul>
       </div>
 
diff --git a/src/config/i18n/tools/json_formatter/en.ts b/src/config/i18n/tools/json_formatter/en.ts
index 812600d..d787143 100644
--- a/src/config/i18n/tools/json_formatter/en.ts
+++ b/src/config/i18n/tools/json_formatter/en.ts
@@ -58,7 +58,10 @@ export const jsonFormatterEn = {
   guide_5: 'Compress/Beautify mode can be freely switched',
   guide_6: 'Processing large JSON data may take a few seconds',
   guide_7: 'Multiple JSON data can be saved to history for comparison',
-  remove_slash: 'Remove Slashes'
+  guide_8: 'Provides string escape and unescape functions for special characters',
+  remove_slash: 'Remove Slashes',
+  escape_string: 'Escape String',
+  unescape_string: 'Unescape String'
 };
 
 export default jsonFormatterEn; 
\ No newline at end of file
diff --git a/src/config/i18n/tools/json_formatter/zh.ts b/src/config/i18n/tools/json_formatter/zh.ts
index eadc794..904412d 100644
--- a/src/config/i18n/tools/json_formatter/zh.ts
+++ b/src/config/i18n/tools/json_formatter/zh.ts
@@ -58,7 +58,10 @@ export const jsonFormatterZh = {
   guide_5: '展示压缩/美化模式可以自由切换',
   guide_6: '处理大型JSON数据可能需要几秒钟时间',
   guide_7: '可以保存多个JSON数据到历史记录中，方便比较查看',
-  remove_slash: '移除斜杠'
+  guide_8: '提供字符串转义和反转义功能，处理特殊字符',
+  remove_slash: '移除斜杠',
+  escape_string: '字符串转义',
+  unescape_string: '字符串反转义'
 };
 
 export default jsonFormatterZh; 
\ No newline at end of file