使用方式

讓更多人看見你拼出的字。

自己閱讀網頁,安裝 Chrome 插件;經營網站,加入一行 JavaScript。兩種方式都能把組字文字顯示成一個字,並保留可選取、可複製的原文。

給讀者

Chrome 插件

裝上插件,瀏覽網頁時就能看到組字序列顯示成的漢字。還能選字體、只顯示組字或為全文套用字體,並快速組字、拆字。

  1. 下載並解壓插件 ZIP。
  2. 開啟 chrome://extensions,啟用「開發人員模式」。
  3. 選擇「載入未封裝項目」,指向解壓後含有 manifest.json 的資料夾。
下載 Chrome 插件
給網站開發者

網站接入

網站加入下方一行程式碼,訪客就能看到由部件組成的漢字,不必另裝插件;後續載入的內容也會自動顯示。

<script type="module" src="https://cdn.jsdelivr.net/npm/hanzi-lab-ids-reader@0.4.5/ids-reader-auto.js"></script>

預設只處理組字序列,普通文字維持原來字體;需要時可選明體或為全文套用字體。

自行託管

下載完整接入包,將解壓後的檔案放在網站的 /ids-reader/,並在頁面加入:

<script type="module" src="/ids-reader/ids-reader-auto.js"></script>
下載網站接入包
進階設定:字體與顯示範圍

在引入檔案前設定 window.IDSReaderOptions = {font: 'serif', mode: 'full'},即可使用明體並為全文套用字體。font 可選 sans/serif,mode 可選 ids/full。若某個區塊不應掃描,將 data-ids-reader-ignore 加在其外層。跨網域部署還須設定 CORS 與 CSP。

目前支援完整且可解析的 IDS;輸入框、可編輯區、程式碼與 SVG 不會被掃描。無法組合時原文會保留,草稿字形會有標記。