作者zonble (zonble)
看板IME
標題[閒聊] 使用網頁技術開發跨平台輸入法
時間Wed Mar 18 15:09:55 2026
大家好:
這個版面似乎討論比較少,來分享一下小弟最近的一些開源作品。這幾年小弟利用一些網頁相關技術,寫了一些輸入法軟體,但由於程式比較獨立,因此可以做到:
1. 可以在各種網頁上執行:
輸入法程式本身是獨立的,可以嵌入到各種網頁上。在大家的印象中,似乎覺得網頁輸入法可能沒什麼用,畢竟輸入法通常要配合編輯器與聊天等應用,但是有些設備偏偏有鍵盤,卻缺少好用的鍵盤輸入法,像是買台平板搭配九千多塊的什麼巧控鍵盤,但是輸入法做的一言難盡的那個產品,或是一些有鍵盤的電子書裝置,這時候起碼有個網頁可以應急。
另外就是教學用途,有時候要教人使用輸入法,或是有人想嘗試一些新的輸入法,還要額外安裝系統軟體,有點辛苦。
目前有以下三套輸入法—
- 小麥注音輸入法
https://openvanilla.github.io/McBopomofoWeb/
類似新注音、酷音、自然等,是一套自動選字的注音輸入法
也支援倚天、許式等鍵盤排列
- 小麥他命輸入法
https://openvanilla.github.io/McTabimWeb
支援倉頡、速成、大易、行列等,在許多平台上往往缺乏後面幾種輸入法
- 小麥族語輸入法
https://openvanilla.github.io/McFoximWeb/
使用原住民語言研究發展基金會的表格,輸入 42 種原住民語言
另外,有些使用情境可能特別適合網頁輸入法。比方說這幾年自嗨發展了一系列注音字體,可以透過 Unicode Variant,挑選破音字要用哪套字體。如果要順利使用這樣的功能,要分別安裝字體與輸入法(輸入法如果知道用戶輸入的是哪個音,就可以直接選擇要用哪個 Variant),而網頁上本來就有 Web font 技術,搭配網頁輸入法,就可以在同一個網頁一次完成。
2. 支援 Chrome OS
台灣用 Chrome OS 的使用者可能較少,但因為 Chrome OS 的輸入法是 Chrome Extension,使用 JavaScript 開發,所以這些網頁輸入法很容易移植到 Chrome OS 上,現在這些輸入法也都在 Google Web Store 上架
- 小麥注音輸入法
https://chromewebstore.google.com/detail/mcbopomofo/pkjjfjnlglfhgfaipoempeaghmpfakkg
- 小麥他命輸入法
https://chromewebstore.google.com/detail/mctabim/fkmgjlpcofgddlpbjggglpnfgfeaibhg
- 小麥族語輸入法
https://chromewebstore.google.com/detail/mcfoxim/oglljkfjpohndcffedmakligpffmeoih
現在一般的舊電腦,也可以安裝 Chrome OS Flex,如果有比較順手點的輸入法,那就可以讓老電腦復活,多延長一些壽命。
由於 Chrome OS 輸入法,也是 Chrome Extension,所以在一般的 PC 上,也可以使用從輸入法延伸出來的一些服務。像是在網頁中,按下右鍵後,小麥注音可以幫你把選擇的文字轉成注音,甚至是點字—台灣的點字其實就是一套用點字表現注音的規則。
3. Windows
Windows 上有一套叫做 PIME 的輸入法框架,也支援 JavaScript 輸入法。小弟之前也將這些輸入法提交給 PIME 團隊,不過不確定 PIME 團隊什麼時候會出新版本。
4. AI 時代的應用
這幾套輸入法的邏輯非常獨立,不與特定平台綁死,所以也可以用來做一些有意思的應用。
比方說,過去要幫台灣盲人製作點字文件,做點字與國字之間的來回轉換,往往是用人力來做,尤其是點字轉回國字,其實是要先把點字轉回注音(光是這個就比較沒人在寫),再把注音轉成國字(等於是把一大堆注音用某種輸入法打一次,但輸入法往往跟作業系統綁很死,比較少能用在整批轉換上)。但是在 AI 時代,應該有別的作法。
在 2026 年,其實大語言模型在國字與注音轉換上,已經十分優秀,但大多都還欠缺注音與點字的轉換邏輯,但小麥注音的邏輯可以拆出來成為 AI 可以使用的 MCP。就可以—AI 轉注音,MCP 轉點字,或反之,就可以完成讓 AI 做點字轉換的工作。
這些專案的程式都在 Github 上
https://github.com/openvanilla/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.227.167.51 (臺灣)
※ 文章網址: https://webptt.com/m.aspx?n=bbs/IME/M.1773817803.A.1A4.html