在搭建宜搭应用的过程中，你可能会遇到以下这些问题。
- CRM 系统中，在录入公司名称、供应商名称、联系人名称时，需要获取到名称的全拼及首字母大写，以进行规范化处理。
- 企业邮箱管理系统中，可以将员工姓名转换为拼音以自动分配企业邮箱账号。
- 学习系统中，使用拼音注释可以满足全年龄段人的学习需要。
前提条件
本教程使用到第三方中文转拼音插件，你可以先了解 pinyin-pro.js，详情请参考 pinyinPro.js。
实现效果
拼音转换
获取姓名全拼及首字母大写
实现步骤
拼音转换
创建自定义页面
创建自定义页面，详情请参考自定义页面。
在画布区域拖入以下组件。
- 多行文本：命名为待转换内容
- 多行文本：命名为转换结果（拼音字符串）。
- HTML：转换结果。
引入第三方中文转拼音插件
在左侧功能区的动作面板中，引入 pinyinPro.js。
给【待转换内容】组件绑定事件
注意修改被 setValue 组件的唯一标识。
- 添加下述样式：
中文
拼音
获取姓名全拼及首字母大写
创建普通表单页面
创建普通表单页面，详情请参考普通表单。
在画布区域拖入以下组件。
- 单行文本：命名为姓名
- 单行文本：命名为姓名全拼
- 单行文本：命名为姓名首字母
引入第三方中文转拼音插件
在左侧功能区的动作面板中，引入 pinyinPro.js。
{\n this.$('textField_lye8rva6').setValue(this.chinese2Pinyin(value, {\n toneType: 'none', // 音调输出形式\n nonZh: 'consecutive', // 非汉字字符的处理形式\n surname: 'all', // 是否启用姓氏模式\n separator: '', // 拼音之间的分隔符\n }).toUpperCase());\n this.$('textField_lye8rva7').setValue((this.chinese2Pinyin(value, {\n pattern: 'first', // 输出的结果信息\n toneType: 'none', // 音调输出形式\n type: 'array', // 输出结果的类型\n nonZh: 'consecutive', // 非汉字字符的处理形式\n surname: 'all', // 是否启用姓氏模式\n })[0] || '').toUpperCase());\n interval = null;\n }, 500);\n}","autoWrap":true,"lineNumbers":true,"heightLimit":true,"collapsed":false,"hideToolbar":false,"name":"","tabSize":null,"indentWithTab":false,"lightLines":[],"foldLines":[],"theme":"One Dark Pro","fontSize":14,"customStyle":[],"__spacing":"both","__widthMode":"normal","id":"bNzDT","margin":{"top":true,"bottom":true},"widthMode":"normal"}">注意修改被 setValue 组件的唯一标识。
发表评论 取消回复