tool/js - ChineseToPinyin 汉语转拼音
tool/js - ChineseToPinyin 汉语转拼音
Convert_Pinyin.js
pinyin-pro
npm 安装
npm install pinyin-pro
浏览器引入
<script src="https://unpkg.com/pinyin-pro"></script>
特色功能
- 获取汉字、词语、句子等多种格式的拼音
- 获取声母
- 获取韵母、韵头、韵腹、韵尾
- 获取拼音首字母
- 获取音调
- 获取多音字的多种拼音
- 支持人名姓氏模式
- 支持自定义拼音
- 支持字符串和数组两种输出形式
- 支持拼音文本匹配功能
语法
import { pinyin } from 'pinyin-pro';
pinyin(text, options); // 返回转换后的信息
参数
text
(必传):string 类型,需要进行拼音转换的字符串options
(可选):object 类型,转换输出的内容及格式,详细见下表
属性 | 类型 | 描述 | 可选值 |
说明
|
默认值 |
---|---|---|---|---|---|
pattern | string | 输出的结果信息 | pinyin |
返回拼音全拼
|
pinyin |
initial |
返回声母
|
||||
final |
返回韵母
|
||||
finalHead |
返回韵头(介音)
|
||||
finalBody |
返回韵腹
|
||||
finalTail |
返回韵尾
|
||||
num |
返回音调对应数字(轻声返回 0)
|
||||
first |
返回拼音首字母
|
||||
toneType | string | 音调输出形式 | symbol |
作为音调符号带在拼音字母上
|
symbol |
num |
作为数字跟在拼音后
|
||||
none |
不加音调
|
||||
type | string | 输出结果的类型 | string |
输出字符串,拼音之间以空格隔开
|
string |
array |
输出为数组
|
||||
all |
输出完整信息的对象数组
|
||||
multiple | boolean | 是否输出多音字(仅在 text 为单字时生效) | false |
输出汉字最常用的拼音
|
false |
true |
输出汉字的所有拼音
|
||||
mode | string | 拼音优先匹配的库模式 | normal |
常规模式
|
normal |
surname |
姓氏模式(优先匹配姓氏字库)
|
||||
nonZh | string | 非汉字字符的处理形式 | spaced |
非汉字在结果中空格隔开输出
|
spaced |
consecutive |
非汉字在结果中紧凑输出
|
||||
removed |
非汉字在结果中移除
|
||||
v | boolean | 是否将结果中的 ü 替换为 v(带音调的 ǖ,ǘ,ǚ,ǜ 不会被转换) | true |
将结果中的 ü 替换为 v
|
false |
false |
结果中的 ü 保留
|
eg
<template>
<div class="app-container">
<div v-for="(v, i) in list" :key="i">
<h6>{{ v.title }}</h6>
<div>
method:{{ v.code }} ——
<span>{{ pinyin(v.string, v.option) }}</span>
</div>
</div>
</div>
</template>
<script>
import { pinyin } from 'pinyin-pro'
export default {
data() {
return {
list: [
{
title: '获取拼音',
string: '汉语拼音',
code: `pinyin('汉语拼音')`,
option: { toneType: 'none' }
},
{
title: '获取带音调拼音',
string: '汉语拼音',
code: `pinyin('汉语拼音')`,
option: {}
},
{
title: '获取数组形式带音调拼音',
string: '汉语拼音',
code: `pinyin('汉语拼音')`,
option: { type: 'array' }
},
{
title: '获取数组形式不带声调的拼音',
string: '汉语拼音',
code: `pinyin('汉语拼音')`,
option: { toneType: 'none', type: 'array' }
},
{
title: '获取带音调韵母',
string: '汉语拼音',
code: `pinyin('汉语拼音')`,
option: { pattern: 'final' }
}
]
}
},
methods: {
pinyin
}
}
</script>
tool/js - ChineseToPinyin 汉语转拼音的更多相关文章
- js汉语转拼音(全拼、首字母、拼音首字母)
新建js文件first_alphabet.js // JavaScript Document // 汉字拼音首字母列表 本列表包含了20902个汉字,用于配合 ToChineseSpell //函数使 ...
- 【干货】JS版汉字与拼音互转终极方案,附简单的JS拼音输入法
前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字 ...
- JS版汉字与拼音互转终极方案,附简单的JS拼音输入法
原文:http://www.cnblogs.com/liuxianan/p/pinyinjs.html 前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多 ...
- C# 汉语转拼音
汉语转拼音或首字母 通常不少网站上有汉语转拼音功能,今天就小记下这段汉语转拼音的代码,自己测试ok,现把代码贴出来,以备日后使用: 效果 用法很简单后台使用到了两个类文件,一个是:ConvertHzT ...
- 用JS实现汉字转拼音
<!DOCTYPE HTML> <html> <head> <title>用JS实现汉字转拼音</title> <meta chars ...
- JS版汉字与拼音互转终极方案,附简单的JS拼音
前言 网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字 ...
- java:工具(汉语转拼音,压缩包,EXCEL,JFrame窗口和文件选择器,SFTP上传下载,FTP工具类,SSH)
1.汉语转拼音: import net.sourceforge.pinyin4j.PinyinHelper; import net.sourceforge.pinyin4j.format.HanyuP ...
- JS汉语转拼音脚本
测试代码: var anhui = "安徽"; //获得全拼 pinyin.getFullChars(anhui); //获得首拼 pinyin.getCamelChars(anh ...
- Js中文排序(拼音首字母)
演示地址:http://lar5.sinaapp.com/ 1.index.html <html xmlns="http://www.w3.org/1999/xhtml"&g ...
- java 汉语转拼音(全拼,首字母)
import java.util.*; import net.sourceforge.pinyin4j.PinyinHelper;import net.sourceforge.pinyin4j.for ...
随机推荐
- C 语言初学者必备开发工具——Dev-Cpp [ 图文安装教程 ]
前言 C 语言是一门功能强大的专业化编程语言,深受专业程序员和业余编程爱好者的喜爱,同时 C 语言也是当今最流行的嵌入式开发语言.大多数嵌入式项目的开发都是用 C 语言来编写的. 既然 C 语言这么厉 ...
- VUE assets里的scss没有引用会被打包进代码里,本地代码和打包后的代码样式不一致解决办法
1.打包部署后,发现样式和本地运行时候代码不一致 经过排查发现 这个路径的文件被打包进去了,但是我并没有引用这个文件啊啊啊啊啊a~~~~ src\assets\webgl-assets\scss\st ...
- 创建a标签使用get请求下载文件
创建a标签使用get请求下载文件 let url = `${BaseUrl.path}/aa/bb/cc?no=${this.sqcode}&pae=${this.wlName}&as ...
- 使用 NineData 实现备份集的实时查询
使用 NineData 实现备份集的实时查询 背景信息 数据作为一家公司的重要资产,其重要程度不言而喻.数据库为数据提供存取服务,担任着重要的角色,如果因数据误删.服务器故障.病毒入侵等原因导致数据丢 ...
- 01 LED点灯
新建一个STM32CubeIDE 新工程 选择自己的芯片型号,我的是STM32F103RCT6 选择工程保存位置,不能有中文路径,会报错 选择下载方式.一定要选,不然下次下载有问题 选择时钟来源,我的 ...
- react 高效高质量搭建后台系统 系列 —— 表格的封装
其他章节请看: react 高效高质量搭建后台系统 系列 表格 有一种页面在后台系统中比较常见:页面分上下两部分,上部分是 input.select.时间等查询项,下部分是查询项对应的表格数据.包含增 ...
- 20个 Git 命令玩转版本控制
想要在团队中处理代码时有效协作并跟踪更改,版本控制发挥着至关重要的作用.Git 是一个版本控制系统,可以帮助开发人员跟踪修订.识别文件版本,并在必要的时候恢复旧版本.Git 对于有一定编程经验的用户来 ...
- VUE16 检测数据变化的原理
部分转自:https://www.vue-js.com/topic/6129d7d661c8f900316ae37a 1 简介 Vue采用MVVM(数据驱动视图)的模式,去充当MVVM中的VM层,在数 ...
- ubuntu18.04下联想电脑不能打开wifi
一.问题描述: 本人使用联想拯救者14IFI笔记本在安装Ubuntu系统时会出现无线硬件开关关闭的问题,当然也就无法连网(Wi-Fi). (最好先使用 sudo rfkill unblock all) ...
- selenium结合tenacity的retry实现验证码失败重试
说在前面 验证码登录的demo后续可以单独讲解,VIP学员对这部分应该都是掌握的,此处不再赘述 本文假设了一个场景 你通过OCR识别的验证码是有一定的错误几率的 本文是通过识别后的验证码去加一个随机字 ...