ionic 前端 - 漢字轉拼音
阿新 • • 發佈：2018-11-17
之前小鹹兒分享了一篇有關後端如何進行漢字轉拼音的部落格 —>這是個連結哈 —> Java漢字轉拼音，今天小鹹兒來分享一篇有關ionic 前端可以實現的漢字轉換拼音的部落格。
小鹹兒找了整整一天，終於在晚上找到了可以在前端進行漢字轉換拼音的node_moduels包，十分簡單好用。在此記錄下來，分享給大家。
首先使用命令下載Transliteration包：
Node.js
- 命令：
npm install transliteration --save - 引入程式碼：
import { transliterate as tr, slugify } from 'transliteration';
- 使用：
this.strChineseFirstPY = tr('測試').toLowerCase(); // 小寫ce shi
this.ceshi = slugify('你好，world！'); // ni-hao-world
Browser
- CDN:
<script src="https://unpkg.com/transliteration/lib/browser/transliteration.min.js"></script>
- Bower:
bower install transliteration - Html:
<html>
<head>
<script src="bower_components/transliteration/transliteration.min.js"></script>
</head>
<body>
<script>
transl('你好, world!'); // Ni Hao , world!
slugify('你好, world!'); // ni-hao-world
</script>
</body>
</html>
CLI
- 命令：
npm install transliteration -g - 使用：
Transliteration 你好 #Ni Hao
slugify 你好 # ni-hao
Echo 你好 | slugify -S # ni-hao
ReactNative
import { transliterate, slugify } from 'transliteration/src/main/browser';
這個工具包不僅僅適用於ionic，其他類似的前端也可以使用，根據自己的需要進行下載即可。具體的使用方法以及內容，更多 git程式碼 —>點選這裡！