tencent cloud

即时通信 IM

动态与公告
产品动态
公告
产品简介
产品概述
基本概念
应用场景
功能介绍
账号系统
用户资料与关系链
消息管理
群组相关
公众号系统
音视频通话 Call
使用限制
购买指南
计费概述
价格说明
购买指引
续费指引
停服说明
退费说明
开发指引
Demo 专区
开通服务
体验 Demo
快速跑通
下载中心
SDK & Demo 源码
更新日志
聊天互动(含 UI)
TUIKit 组件介绍
快速开始
全功能接入
单功能接入
AI 集成
构建基础界面
更多特性
定义外观
国际化界面语言
推送服务(Push)
服务概述
名词解释
开通服务
快速跑通
厂商通道
数据统计
排查工具
客户端 API
服务端 API
推送回调
高级功能
更新日志
错误码
常见问题
智能客服
功能概述
快速入门
集成指引
管理员操作手册
客服操作手册
更多实践
直播间搭建
AI 聊天机器人方案
超大娱乐协作社群
Discord 实现指南
游戏内集成 Chat 指南
类 WhatsApp Channel 搭建方案
发送红包
Chat 应对防火墙限制相关
无 UI 集成
快速开始
集成 SDK
初始化
登录登出
消息相关
会话相关
群组相关
社群话题
用户管理
离线推送
云端搜索
本地搜索
公众号
客户端 API
JavaScript
Android
iOS & macOS
Swift
Flutter
Electron
Unity
React Native
C 接口
C++
服务端 API
生成 UserSig
REST API
第三方回调
控制台指南
新版控制台介绍
创建并升级应用
基本配置
功能配置
账号管理
群组管理
公众号管理
回调配置
用量统计
资源包查看指南
实时监控
开发辅助工具
访问管理
高级功能
常见问题
uni-app 常见问题
购买相关问题
SDK 相关问题
账号鉴权相关问题
用户资料与关系链相关问题
消息相关问题
群组相关问题
直播群相关问题
昵称头像相关问题
协议与认证
服务等级协议
安全合规认证
IM 政策
隐私政策
数据隐私和安全协议
平滑迁移方案
平滑迁移完整版
平滑迁移简化版
错误码
联系我们

Web & H5 & Uniapp(Vue)

PDF
聚焦模式
字号
最后更新时间: 2026-03-06 16:14:33

功能描述

TUIKit 从 v2.1.0 版本之后开始提供文本消息翻译功能,TUIChat 组件中的消息工具支持对文本消息进行翻译,目前可以将主流语言翻译为英语、中文、俄语、日语、韩语等多种语言,具体支持情况参见 文本翻译支持列表
文本翻译后,翻译的结果会在本次登录中持续保留,切换会话后翻译结果依然保存。如果切换会话且更换了翻译目标语言,之前的翻译结果会自动翻译为新的目标语言。
注意:
文本消息翻译功能仅对专业版、专业版 Plus 和企业版客户开放,购买专业版、专业版 Plus 和企业版 后可使用;体验版支持一定额度免费试用,有效期一个月。





功能介绍

设置翻译的目标语言

翻译的目标语言默认为中文,也可以手动切换翻译目标语言,从 @tencentcloud/chat-uikit-engine 导出 TUIChatService 并调用setTranslationLanguage方法,如下文代码所示:
import { TUIChatService } from "@tencentcloud/chat-uikit-engine";

// 切换为英文
TUIChatService.setTranslationLanguage('en');
// 切换为中文
TUIChatService.setTranslationLanguage('zh');
// 切换为日语 也支持其他语言
TUIChatService.setTranslationLanguage('jp');
说明:
重新登录后会恢复为默认翻译为中文。

设置翻译的源语言

目前在 TUIKit 中默认且建议您使用自动检测源语言,但是也可以手动设置源语言以保证翻译的准确性。
TUIChat/utils/translation.ts 中实现了一个翻译的工具类 Translator,其中可以按照 文本翻译语言支持列表 更改 sourceLanguage 这一属性。
TUIChatService.translateText({
sourceTextList: [text],
sourceLanguage: 'auto', // zh/en/jp/kr
}).then((response) => {
// response data
});

扩展资料

以下内容仅为辅助阅读资料,文本消息翻译以及相关功能已在 TUIKit 2.1.0 之后实现,不需要用户手动实现。

查询当前套餐是否支持翻译功能

通过 TUIStore 查询 StoreName.APPenabledTranslationPlugin 这个 key,得到的布尔值即是开通结果。
const enable = TUIStore.getData(StoreName.APP, 'enabledTranslationPlugin');

移除翻译功能

在文件 TUIKit/components/TUIChat/message-list/message-tool/index.vue 中,删除 actionItems 中 key 为 translate 的对象即可。
{
key: 'translate',
text: TUITranslateService.t('TUIChat.翻译'),
visible: false,
iconUrl: translateIcon,
renderCondition() {},
clickEvent: translateMessage,
}

文本翻译语言支持列表

源语言
支持的目标语言
zh(简体中文)
en(英语)、ja(日语)、ko(韩语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)、vi(越南语)、id(印尼语)、th(泰语)、ms(马来语)
zh-TW(繁体中文)
en(英语)、ja(日语)、ko(韩语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)、vi(越南语)、id(印尼语)、th(泰语)、ms(马来语)
en(英语)
zh(中文)、ja(日语)、ko(韩语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)、vi(越南语)、id(印尼语)、th(泰语)、ms(马来语)、ar(阿拉伯语)、hi(印地语)
ja(日语)
zh(中文)、en(英语)、ko(韩语)
ko(韩语)
zh(中文)、en(英语)、ja(日语)
fr(法语)
zh(中文)、en(英语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)
es(西班牙语)
zh(中文)、en(英语)、fr(法语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)
it(意大利语)
zh(中文)、en(英语)、fr(法语)、es(西班牙语)、de(德语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)
de(德语)
zh(中文)、en(英语)、fr(法语)、es(西班牙语)、it(意大利语)、tr(土耳其语)、ru(俄语)、pt(葡萄牙语)
tr(土耳其语)
zh(中文)、en(英语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、ru(俄语)、pt(葡萄牙语)
ru(俄语)
zh(中文)、en(英语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、pt(葡萄牙语)
pt(葡萄牙语)
zh(中文)、en(英语)、fr(法语)、es(西班牙语)、it(意大利语)、de(德语)、tr(土耳其语)、ru(俄语)
vi(越南语)
zh(中文)、en(英语)
id(印尼语)
zh(中文)、en(英语)
th(泰语)
zh(中文)、en(英语)
ms(马来语)
zh(中文)、en(英语)
ar(阿拉伯语)
en(英语)
hi(印地语)
en(英语)

帮助和支持

本页内容是否解决了您的问题?

填写满意度调查问卷,共创更好文档体验。

文档反馈