{"id":57,"date":"2026-06-25T15:56:29","date_gmt":"2026-06-25T07:56:29","guid":{"rendered":"https:\/\/liubai.wuxiangsoft.com\/?page_id=57"},"modified":"2026-06-25T16:06:20","modified_gmt":"2026-06-25T08:06:20","slug":"er","status":"publish","type":"page","link":"https:\/\/liubai.wuxiangsoft.com\/?page_id=57","title":{"rendered":"\u4eac\u8bdd\u8f6c\u6362\u5668"},"content":{"rendered":"\n<div class=\"jinghua-converter\">\n  <div class=\"jh-card\">\n    <div class=\"jh-topline\"><\/div>\n\n    <textarea id=\"jh-input\" class=\"jh-textarea\" placeholder=\"\u8bf7\u8f93\u5165\u8981\u8f6c\u6362\u7684\u6587\u5b57\"><\/textarea>\n\n    <div class=\"jh-actions jh-actions-center\">\n      <button id=\"jh-convert\" class=\"jh-btn\">\u8f6c\u6362<\/button>\n      <button id=\"jh-clear\" class=\"jh-btn\">\u6e05\u7a7a<\/button>\n    <\/div>\n\n    <div class=\"jh-result-wrap\">\n      <textarea id=\"jh-output\" class=\"jh-textarea jh-output\" placeholder=\"\u8f6c\u6362\u540e\u7684\u5185\u5bb9\u4f1a\u663e\u793a\u5728\u8fd9\u91cc\" readonly><\/textarea>\n    <\/div>\n\n    <div class=\"jh-actions jh-actions-center jh-copy-row\">\n      <button id=\"jh-copy\" class=\"jh-btn\">\u590d\u5236<\/button>\n    <\/div>\n  <\/div>\n\n  <div id=\"jh-toast\" class=\"jh-toast\">\u590d\u5236\u6210\u529f<\/div>\n<\/div>\n\n<style>\n  .jinghua-converter {\n    width: 100%;\n    display: flex;\n    justify-content: center;\n    padding: 32px 16px;\n    box-sizing: border-box;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Noto Sans SC\", Arial, sans-serif;\n    -webkit-text-size-adjust: 100%;\n    text-size-adjust: 100%;\n    position: relative;\n  }\n\n  .jinghua-converter .jh-card {\n    width: 100%;\n    max-width: 760px;\n    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(252,248,250,0.98) 100%);\n    border: 1px solid rgba(233, 30, 99, 0.08);\n    border-radius: 24px;\n    box-shadow:\n      0 10px 30px rgba(160, 120, 140, 0.10),\n      0 2px 8px rgba(160, 120, 140, 0.05);\n    padding: 28px 24px 24px;\n    box-sizing: border-box;\n  }\n\n  .jinghua-converter .jh-topline {\n    width: 64px;\n    height: 4px;\n    margin: 0 auto 22px;\n    border-radius: 999px;\n    background: #E91E63;\n  }\n\n  .jinghua-converter .jh-textarea {\n    width: 100%;\n    min-height: 160px;\n    resize: vertical;\n    border: 1px solid rgba(233, 30, 99, 0.12);\n    border-radius: 18px;\n    padding: 16px 18px;\n    box-sizing: border-box;\n    font-size: 16px;\n    line-height: 1.8;\n    color: #5f4953;\n    background: rgba(255,255,255,0.96);\n    outline: none;\n    transition: border-color 0.2s ease, box-shadow 0.2s ease;\n    -webkit-appearance: none;\n    appearance: none;\n    transform: translateZ(0);\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Noto Sans SC\", Arial, sans-serif;\n  }\n\n  .jinghua-converter .jh-textarea:focus {\n    border-color: rgba(233, 30, 99, 0.35);\n    box-shadow: 0 0 0 4px rgba(233, 30, 99, 0.08);\n  }\n\n  .jinghua-converter .jh-textarea::placeholder,\n  .jinghua-converter .jh-textarea::-webkit-input-placeholder,\n  .jinghua-converter .jh-textarea::-moz-placeholder,\n  .jinghua-converter .jh-textarea:-ms-input-placeholder {\n    color: #b39aa5;\n    opacity: 1;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", \"Noto Sans SC\", Arial, sans-serif;\n  }\n\n  .jinghua-converter .jh-result-wrap {\n    margin-top: 6px;\n  }\n\n  .jinghua-converter .jh-output {\n    background: #fffdfd;\n  }\n\n  .jinghua-converter .jh-actions {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 12px;\n    margin: 16px 0 20px;\n  }\n\n  .jinghua-converter .jh-actions-center {\n    justify-content: center;\n  }\n\n  .jinghua-converter .jh-copy-row {\n    margin-top: 16px;\n    margin-bottom: 0;\n  }\n\n  \/* \u4e09\u4e2a\u6309\u94ae\u7edf\u4e00\u989c\u8272 *\/\n  .jinghua-converter .jh-btn {\n    appearance: none;\n    -webkit-appearance: none;\n    border: none;\n    border-radius: 999px;\n    padding: 12px 22px;\n    font-size: 16px;\n    font-weight: 600;\n    cursor: pointer;\n    transition: transform 0.15s ease, box-shadow 0.2s ease, background 0.2s ease, opacity 0.2s ease;\n    background: #E91E63;\n    color: #ffffff;\n    box-shadow: 0 8px 18px rgba(233, 30, 99, 0.18);\n    min-width: 88px;\n  }\n\n  .jinghua-converter .jh-btn:hover {\n    transform: translateY(-1px);\n    background: #df1a5d;\n  }\n\n  .jinghua-converter .jh-btn:active {\n    transform: translateY(0);\n  }\n\n  .jinghua-converter .jh-btn:disabled {\n    opacity: 0.55;\n    cursor: not-allowed;\n    transform: none;\n  }\n\n  \/* Toast *\/\n  .jinghua-converter .jh-toast {\n    position: fixed;\n    left: 50%;\n    bottom: 28px;\n    transform: translateX(-50%) translateY(16px);\n    background: rgba(50, 42, 46, 0.92);\n    color: #fff;\n    font-size: 14px;\n    line-height: 1;\n    padding: 12px 16px;\n    border-radius: 999px;\n    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity 0.22s ease, transform 0.22s ease;\n    z-index: 99999;\n    white-space: nowrap;\n  }\n\n  .jinghua-converter .jh-toast.show {\n    opacity: 1;\n    transform: translateX(-50%) translateY(0);\n  }\n\n  @media (max-width: 640px) {\n    .jinghua-converter {\n      padding: 20px 12px;\n    }\n\n    .jinghua-converter .jh-card {\n      padding: 22px 16px 18px;\n      border-radius: 20px;\n    }\n\n    .jinghua-converter .jh-textarea {\n      min-height: 140px;\n      font-size: 16px;\n      padding: 14px 15px;\n    }\n\n    .jinghua-converter .jh-btn {\n      padding: 11px 18px;\n      font-size: 16px;\n    }\n\n    .jinghua-converter .jh-toast {\n      bottom: 20px;\n      font-size: 13px;\n      padding: 11px 14px;\n    }\n  }\n<\/style>\n\n<script>\n(function () {\n  const inputEl = document.getElementById(\"jh-input\");\n  const outputEl = document.getElementById(\"jh-output\");\n  const convertBtn = document.getElementById(\"jh-convert\");\n  const clearBtn = document.getElementById(\"jh-clear\");\n  const copyBtn = document.getElementById(\"jh-copy\");\n  const toastEl = document.getElementById(\"jh-toast\");\n\n  let toastTimer = null;\n\n  function showToast(text) {\n    if (!toastEl) return;\n    toastEl.textContent = text;\n    toastEl.classList.add(\"show\");\n\n    if (toastTimer) {\n      clearTimeout(toastTimer);\n    }\n\n    toastTimer = setTimeout(() => {\n      toastEl.classList.remove(\"show\");\n    }, 1600);\n  }\n\n  function isChineseChar(char) {\n    return \/[\\u3400-\\u4DBF\\u4E00-\\u9FFF\\uF900-\\uFAFF]\/.test(char);\n  }\n\n  function convertToJinghua(text) {\n    if (!text) return \"\";\n\n    let result = \"\";\n\n    for (const char of text) {\n      if (isChineseChar(char)) {\n        result += char + \"\u513f\";\n      } else {\n        result += char;\n      }\n    }\n\n    return result;\n  }\n\n  convertBtn.addEventListener(\"click\", function () {\n    const input = inputEl.value;\n    if (!input.trim()) {\n      outputEl.value = \"\";\n      return;\n    }\n\n    outputEl.value = convertToJinghua(input);\n  });\n\n  clearBtn.addEventListener(\"click\", function () {\n    inputEl.value = \"\";\n    outputEl.value = \"\";\n    inputEl.focus();\n  });\n\n  copyBtn.addEventListener(\"click\", async function () {\n    const text = outputEl.value;\n    if (!text.trim()) {\n      return;\n    }\n\n    try {\n      await navigator.clipboard.writeText(text);\n      showToast(\"\u590d\u5236\u6210\u529f\");\n    } catch (e) {\n      outputEl.removeAttribute(\"readonly\");\n      outputEl.focus();\n      outputEl.select();\n      outputEl.setSelectionRange(0, outputEl.value.length);\n\n      try {\n        const ok = document.execCommand(\"copy\");\n        if (ok) {\n          showToast(\"\u590d\u5236\u6210\u529f\");\n        }\n      } catch (err) {\n      }\n\n      outputEl.setAttribute(\"readonly\", \"readonly\");\n      outputEl.blur();\n    }\n  });\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u8f6c\u6362 \u6e05\u7a7a \u590d\u5236 \u590d\u5236\u6210\u529f<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-57","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/57","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=57"}],"version-history":[{"count":4,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions"}],"predecessor-version":[{"id":61,"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=\/wp\/v2\/pages\/57\/revisions\/61"}],"wp:attachment":[{"href":"https:\/\/liubai.wuxiangsoft.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=57"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}