1、介紹

pinyin-pro 是一個專業(yè)的 JavaScript 中文轉(zhuǎn)拼音的庫，具備多音字識別準(zhǔn)確、體積輕量、性能優(yōu)異、功能豐富等特點。

常用的案例

1. 搜索功能增強：在輸入框輸入漢字時，可以轉(zhuǎn)化為拼音
2. 輸入提示：可以根據(jù)實時輸入的漢字，轉(zhuǎn)化為拼音，幫助用戶確認(rèn)輸入內(nèi)容

2、pinyin-pro 基本使用

安裝

// 包管理器安裝方式
# NPM
$ npm install pinyin-pro --save# Yarn
$ yarn add pinyin-pro# pnpm
$ pnpm install pinyin-pro

// js 標(biāo)簽導(dǎo)入 CND 文件<script src="https://cdn.bootcdn.net/ajax/libs/pinyin-pro/3.21.1/index.js"></script>// 也可以使用  unpkg    jsDelivr 

如若使用 script的方式，會在全局掛在一個 pinyinPro 變量

  <script>let { pinyin } = pinyinPro// 獲取帶音調(diào)拼音console.log(pinyin('漢語拼音'));// 'hàn yǔ pīn yīn'// 獲取不帶聲調(diào)的拼音console.log(pinyin('漢語拼音', { toneType: 'none' })); // 'han yu pin yin'// 獲取聲調(diào)轉(zhuǎn)換為數(shù)字后綴的拼音console.log(pinyin('漢語拼音', { toneType: 'num' })) // 'han4 yu3 pin1 yin1'// 獲取數(shù)組形式帶音調(diào)拼音console.log(pinyin('漢語拼音', { type: 'array' }));; // ["hàn", "yǔ", "pīn", "yīn"]// 獲取數(shù)組形式不帶聲調(diào)的拼音console.log(pinyin('漢語拼音', { toneType: 'none', type: 'array' })); // ["han", "yu", "pin", "yin"]// 獲取數(shù)組形式聲調(diào)轉(zhuǎn)換為數(shù)字后綴的拼音console.log(pinyin('漢語拼音', { toneType: 'num', type: 'array' })); // ["han4", "yu3", "pin1", "yin1"]</script>

3、參考鏈接

• pinyin-pro