[HTML] 我寫了一個線上成語查詢工具，可以查詢符合特定位置文字的四字成語（符合教育部重編辭典、一字千金）

撰風前陣子迷上了公視〈一字千金〉的節目，節目常有特定位置文字的成語腦力激盪，一時間迷上，我覺得是一個很好的防癡呆的訓練（哈），例如題目「請寫出第四個字是『花』的成語」、「請寫出第二個字是『口』的成語」，一時間聽到題目應該可以想出一兩個，但實際上還有很多成語被忽略了，因此我決定寫了這個查詢工具。

說到特定位置文字的成語查詢工具，其實大陸也有幾個網站有這樣的功能，不過對岸收錄的成語與中華民國教育部收錄的成語或有不同，幸好教育部有釋出成語典與線上字典的詞庫清單，讓我省去很多心力，我只需要將這些清單轉成JSON作為資料庫，透過Javascript來操作檢索，最後用HTML和CSS設計一個線上UI介面就可以完成了，於是我把這樣的檢索查詢工具在一天的時間內完成，然後放到Github上，大家可以透過這個網頁來搜尋，順便腦力激盪一下。

在這篇文章中，我就不著墨這個程式是怎麼完成的，直接來說明這個線上查詢工具的使用方法與注意事項，如果對程式有興趣，反正Github上的程式都是公開的，直接下載來看就可以了。

如何使用成語查詢系統？

1. 開啟Github上的網頁：成語查詢系統（https://jfsblog.github.io/Idiom-Search-Engine/）（圖一）
2. 輸入查詢條件：直接在四個位置上搜尋特定文字，會即時顯示符合特定位置特定文字的成語
   • 例如：輸入第二個字是「花」（圖二）
   • 例如：輸入第二個字是「口」（圖三）
   • 例如：輸入第二個字是「口」、第四個字是「心」（圖四）
3. 查看搜尋結果：顯示的成語會列出釋義，但更詳細的資料可以直接點擊成語，會超連結到教育部《重編國語辭典修訂本》
4. 第一次開啟或隔太久才開啟的話需要等待JSON載入，或是重新再輸入一次

成語來源與授權使用

這個成語查詢系統是根據教育部《重編國語辭典修訂本》的資料進行處理，根據教育部國語辭典公眾授權網的授權使用，此外本程式未對內容進行改作，未用於商業使用。

我最初是採用教育部《成語典》的內容進行處理，但後來發現成語典的資料實在太少，因此後來改用《重編國語辭典修訂本》改版程式，目前是採用《重編國語辭典修訂本》的內容。

如果想要在本地端使用必須使用Python臨時伺服器模擬器

如果下載程式，想要在本地端的電腦使用這個介面來查詢的話，直接開啟html檔案是無效的，因為當使用 file:// 協議直接打開 HTML 時，瀏覽器通常會限制某些功能（如 AJAX 請求、本地存取 Cookie、或跨文件存取），以保護用戶的安全。所以必須要透過臨時伺服器模擬器來開啟。

1. 在下載的專案資料夾網址列輸入「cmd」開啟命令提示字元（圖五）
2. 在命令提示字元中輸入「python -m http.server」，在使用網頁時請勿關閉命令提示字元（圖六）
3. 在瀏覽器的網址列輸入「http://localhost:8000/」就可以開啟網頁查詢成語（圖七）

我就是透過這個方式在本地端確認程式運行正確，再將整個專案上傳到Github上的。

不管你是對成語聯想腦力激盪有興趣，還是對HTML搭配Javascript進行資料檢索有興趣的朋友，希望這個程式可以給你一些腦力激盪與火花！

相關文章

[台北] 環騎台北福德坑線：第1次YouBike挑戰心得

[台北景點] 華山1914文化創意產業園區 | 昔日釀酒廠化身台北最美文創基地！假日展覽與市集

[宜蘭步道] 拳頭姆自然步道 | 僅1小時平緩郊山步道，綠意盎然的烏心石林地、遠眺蘭陽溪

全台美食部落客、IG美食介紹、各大美食懶人包

[台北食記] 江蘇菜盒店 | 忠孝復興中式麵點！乾烙韭菜盒、牛肉捲餅、豆腐捲，少油麵香更迷人

[麥當勞] 韓式甜辣雞腿堡好吃嗎？

[宜蘭景點] 羅東轉運站 | 14條跨縣市客運整理（台北－宜蘭、新北－宜蘭、桃園－宜蘭、基隆－宜蘭、台中－宜蘭）

[Python] PySide6模板與入門學習！圖形化介面使用者友善，讓程式變得更貼心

[宜蘭旅宿] 天河行旅 | 羅東平價膠囊旅館！羅東運動公園5分鐘，生活機能豐富、價格實惠，單人商旅旅遊都適合