gogongxt/tools
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix json tool show

Browse Source
This commit is contained in:
gogongxt
2025-12-10 11:10:44 +08:00
parent b8fc9376d5
commit 2ce1c9056a
1 changed files with 21 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
json_formatter.html
View File

@@ -137,6 +137,7 @@
.editor-content {
flex: 1;
position: relative;
overflow: hidden;
}
textarea {
@@ -154,15 +155,21 @@
}
.output-area {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: white;
padding: 15px;
font-family: "Consolas", "Monaco", "Courier New", monospace;
font-size: 13px;
line-height: 1.4;
white-space: pre-wrap;
white-space: pre;
overflow: auto;
height: 100%;
color: #333;
word-wrap: break-word;
overflow-wrap: break-word;
}
.error-message {
@@ -411,13 +418,10 @@
// 语法高亮
output.innerHTML = highlightJSON(formatted);
// 显示成功消息
successMessage.textContent = "✅ JSON 格式化成功！";
successMessage.style.display = "block";
// 3秒后隐藏成功消息
// 在状态栏显示成功消息
document.getElementById("status").textContent = "✅ JSON 格式化成功！";
setTimeout(() => {
successMessage.style.display = "none";
document.getElementById("status").textContent = "就绪";
}, 3000);
} catch (error) {
// 显示错误
@@ -446,12 +450,11 @@
const minified = JSON.stringify(jsonObj);
output.textContent = minified;
successMessage.textContent = "✅ JSON 压缩成功！";
successMessage.style.display = "block";
// 在状态栏显示成功消息
document.getElementById("status").textContent = "✅ JSON 压缩成功！";
errorMessage.style.display = "none";
setTimeout(() => {
successMessage.style.display = "none";
document.getElementById("status").textContent = "就绪";
}, 3000);
} catch (error) {
errorMessage.innerHTML = `❌ JSON 格式错误: ${error.message}`;
@@ -533,11 +536,10 @@
navigator.clipboard
.writeText(textToCopy)
.then(() => {
successMessage.textContent = "📋 已复制到剪贴板！";
successMessage.style.display = "block";
// 在状态栏显示成功消息
document.getElementById("status").textContent = "📋 已复制到剪贴板！";
setTimeout(() => {
successMessage.style.display = "none";
document.getElementById("status").textContent = "就绪";
}, 2000);
})
.catch(() => {
@@ -549,11 +551,10 @@
document.execCommand("copy");
document.body.removeChild(textArea);
successMessage.textContent = "📋 已复制到剪贴板！";
successMessage.style.display = "block";
// 在状态栏显示成功消息
document.getElementById("status").textContent = "📋 已复制到剪贴板！";
setTimeout(() => {
successMessage.style.display = "none";
document.getElementById("status").textContent = "就绪";
}, 2000);
});
}