{"id":7183,"date":"2025-05-01T08:30:00","date_gmt":"2025-04-30T23:30:00","guid":{"rendered":"https:\/\/taiwan-bopomofo.com\/?p=7183"},"modified":"2025-04-20T07:24:44","modified_gmt":"2025-04-19T22:24:44","slug":"%e6%b3%a8%e9%9f%b3%e7%ac%a6%e5%8f%b7%e3%81%a8%e6%8b%bc%e9%9f%b3%e3%81%ae%e3%83%ab%e3%83%93%e6%8c%af%e3%82%8a%e3%83%84%e3%83%bc%e3%83%ab","status":"publish","type":"post","link":"https:\/\/taiwan-bopomofo.com\/?p=7183","title":{"rendered":"\u6ce8\u97f3\u7b26\u53f7\u3068\u62fc\u97f3\u306e\u30eb\u30d3\u632f\u308a\u30c4\u30fc\u30eb"},"content":{"rendered":"\n<p>\u4ee5\u524d\u3001\u6ce8\u97f3\u7b26\u53f7\u306e\u30eb\u30d3\u632f\u308a\u30c4\u30fc\u30eb\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u304c\u3001\u4eca\u56de\u306f\u65b0\u305f\u306b\u6ce8\u97f3\u7b26\u53f7\u3068\u62fc\u97f3\u306e\u30eb\u30d3\u632f\u308a\u30a6\u30a7\u30d6\u30c4\u30fc\u30eb\u3092\u4f5c\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<p>\u4eca\u5f8c\u3001\u97f3\u58f0\u6a5f\u80fd\u306a\u3069\u3082\u8ffd\u52a0\u3067\u304d\u305f\u3089\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u305c\u3072\u3054\u6d3b\u7528\u3044\u305f\u3060\u304d\u3001\u53f0\u6e7e\u83ef\u8a9e\u306e\u5b66\u7fd2\u306b\u304a\u5f79\u7acb\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div>\n  <h3>\u6f22\u5b57\u3092\u5165\u529b\u3057\u3066\u304f\u3060\u3055\u3044\uff1a<\/h3>\n  <textarea id=\"inputText\" style=\"width: 100%; height: 4em; font-size: 1em;\" placeholder=\"\u4f8b\uff1a\u4f60\u597d\u55ce\"><\/textarea>\n\n  <h4 style=\"margin-top: 1em;\">\u6ce8\u97f3\u4ed8\u304d\u30eb\u30d3\uff08\u6f22\u5b57\uff0b\u6ce8\u97f3\uff09<\/h4>\n  <div id=\"zhuyinRubyBox\" style=\"padding: 0.5em; border: 1px solid #ccc; font-size: 1.5em;\"><\/div>\n\n  <h4 style=\"margin-top: 1em;\">\u62fc\u97f3\u4ed8\u304d\u30eb\u30d3\uff08\u6f22\u5b57\uff0b\u62fc\u97f3\uff09<\/h4>\n  <div id=\"pinyinRubyBox\" style=\"padding: 0.5em; border: 1px solid #ccc; font-size: 1.5em;\"><\/div>\n\n  <h4 style=\"margin-top: 1em;\">\u6ce8\u97f3\u306e\u307f\uff08\u6f22\u5b57\u306a\u3057\uff09<\/h4>\n  <div id=\"zhuyinOnlyBox\" style=\"padding: 0.5em; border: 1px solid #ccc; font-size: 1.5em; color: #b30059;\"><\/div>\n\n  <h4 style=\"margin-top: 1em;\">\u62fc\u97f3\u306e\u307f\uff08\u6f22\u5b57\u306a\u3057\uff09<\/h4>\n  <div id=\"pinyinOnlyBox\" style=\"padding: 0.5em; border: 1px solid #ccc; font-size: 1.5em; color: #008b8b;\"><\/div>\n<\/div>\n\n<style>\n  ruby {\n    ruby-position: over;\n    margin: 0 4px;\n    color: black;\n  }\n\n  rt {\n    font-size: 0.5em;\n    line-height: 1;\n  }\n\n  .zhuyin rt {\n    color: #b30059;\n  }\n\n  .pinyin rt {\n    color: #008b8b;\n  }\n<\/style>\n\n<script>\n  const jsonUrls = [\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf01.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf02.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf03.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf04.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf05.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf06.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf07.json',\n    'https:\/\/vivimoet.github.io\/zhuyin-dictionary01\/bpmf08.json'\n  ];\n\n  let dictionary = {};\n\n  async function loadDictionaries() {\n    for (const url of jsonUrls) {\n      try {\n        const res = await fetch(url);\n        const data = await res.json();\n        Object.assign(dictionary, data);\n      } catch (e) {\n        console.error(`Error loading ${url}:`, e);\n      }\n    }\n  }\n\n  function createRuby(char, rubyText, className) {\n    return `<ruby class=\"${className}\"><rb>${char}<\/rb><rt>${rubyText}<\/rt><\/ruby>`;\n  }\n\n  async function initApp() {\n    await loadDictionaries();\n\n    const input = document.getElementById(\"inputText\");\n    const zhuyinRubyBox = document.getElementById(\"zhuyinRubyBox\");\n    const pinyinRubyBox = document.getElementById(\"pinyinRubyBox\");\n    const zhuyinOnlyBox = document.getElementById(\"zhuyinOnlyBox\");\n    const pinyinOnlyBox = document.getElementById(\"pinyinOnlyBox\");\n\n    input.addEventListener(\"input\", () => {\n      const text = input.value.trim();\n\n      let zhuyinRuby = \"\";\n      let pinyinRuby = \"\";\n      let zhuyinOnly = \"\";\n      let pinyinOnly = \"\";\n\n      for (const char of text) {\n        const data = dictionary[char];\n        if (data) {\n          zhuyinRuby += createRuby(char, data.zhuyin, 'zhuyin') + \" \";\n          pinyinRuby += createRuby(char, data.pinyin, 'pinyin') + \" \";\n          zhuyinOnly += data.zhuyin + \" \";\n          pinyinOnly += data.pinyin + \" \";\n        } else {\n          zhuyinRuby += char;\n          pinyinRuby += char;\n          zhuyinOnly += char;\n          pinyinOnly += char;\n        }\n      }\n\n      zhuyinRubyBox.innerHTML = zhuyinRuby;\n      pinyinRubyBox.innerHTML = pinyinRuby;\n      zhuyinOnlyBox.textContent = zhuyinOnly.trim();\n      pinyinOnlyBox.textContent = pinyinOnly.trim();\n    });\n  }\n\n  initApp();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>\u4ee5\u524d\u3001\u6ce8\u97f3\u7b26\u53f7\u306e\u30eb\u30d3\u632f\u308a\u30c4\u30fc\u30eb\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u304c\u3001\u4eca\u56de\u306f\u65b0\u305f\u306b\u6ce8\u97f3\u7b26\u53f7\u3068\u62fc\u97f3\u306e\u30eb\u30d3\u632f\u308a\u30a6\u30a7\u30d6\u30c4\u30fc\u30eb\u3092\u4f5c\u308a\u307e\u3057\u305f\u3002 \u4eca\u5f8c\u3001\u97f3\u58f0\u6a5f\u80fd\u306a\u3069\u3082\u8ffd\u52a0\u3067\u304d\u305f\u3089\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002 \u305c\u3072\u3054\u6d3b\u7528\u3044\u305f\u3060\u304d\u3001\u53f0\u6e7e\u83ef\u8a9e\u306e\u5b66\u7fd2\u306b\u304a\u5f79\u7acb\u3066\u304f\u3060\u3055\u3044\u3002 \u6f22 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7315,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uf_show_specific_survey":0,"_uf_disable_surveys":false,"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":false,"_jinr_ads_display":false,"_jinr_thumbnail_display":false,"_jinr_profile_display":false,"_jinr_representations_display":false,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":false,"_jinr_seotitle_display":"\u6ce8\u97f3\u7b26\u53f7\u3068\u62fc\u97f3\u306e\u30eb\u30d3\u632f\u308a\u30c4\u30fc\u30eb","_jinr_description_display":"\u6ce8\u97f3\u7b26\u53f7\u306e\u30eb\u30d3\u632f\u308a\u30c4\u30fc\u30eb\u3092\u516c\u958b\u3057\u307e\u3057\u305f\u304c\u3001\u4eca\u56de\u306f\u65b0\u305f\u306b\u6ce8\u97f3\u7b26\u53f7\u3068\u62fc\u97f3\u306e\u30eb\u30d3\u632f\u308a\u30a6\u30a7\u30d6\u30c4\u30fc\u30eb\u3092\u4f5c\u308a\u307e\u3057\u305f\u3002\n\n\u4eca\u5f8c\u3001\u97f3\u58f0\u6a5f\u80fd\u306a\u3069\u3082\u8ffd\u52a0\u3067\u304d\u305f\u3089\u3068\u8003\u3048\u3066\u3044\u307e\u3059\u3002\n\n\u305c\u3072\u3054\u6d3b\u7528\u3044\u305f\u3060\u304d\u3001\u53f0\u6e7e\u83ef\u8a9e\u306e\u5b66\u7fd2\u306b\u304a\u5f79\u7acb\u3066\u304f\u3060\u3055\u3044\u3002","_jinr_keyword_display":"\u53f0\u6e7e,\u53f0\u6e7e\u597d\u304d,\u53f0\u6e7e\u89b3\u5149,\u53f0\u6e7e\u83ef\u8a9e,\u4e2d\u56fd\u8a9e,\u7e41\u4f53\u5b57,\u6ce8\u97f3,\u6ce8\u97f3\u7b26\u53f7,\u30d4\u30f3\u30a4\u30f3,\u62fc\u97f3,\u5b66\u7fd2,\u8a9e\u5b66,\u8a9e\u5b66\u5b66\u7fd2,\u30eb\u30d3,\u30c4\u30fc\u30eb,\u30eb\u30d3\u632f\u308a,\u8aad\u307f\u65b9,\u767a\u97f3,\u767a\u97f3\u8a18\u53f7,HSK,TOCFL,\u7559\u5b66,\u6ede\u5728,\u9577\u671f\u6ede\u5728,\u8a9e\u5b66\u7559\u5b66","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":false,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","_jinr_ogp_image_url":"","_jinr_last_featured_id":0,"footnotes":""},"categories":[36,1,33],"tags":[],"class_list":["post-7183","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tool","category-bopomofo","category-tone"],"aioseo_notices":[],"views":"478","_links":{"self":[{"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/posts\/7183","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7183"}],"version-history":[{"count":60,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/posts\/7183\/revisions"}],"predecessor-version":[{"id":7314,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/posts\/7183\/revisions\/7314"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=\/wp\/v2\/media\/7315"}],"wp:attachment":[{"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7183"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7183"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taiwan-bopomofo.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7183"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}