AI全站翻译插件 (AIi18n)
基于 translate.js 的1CMS全站自动翻译插件。此插件的优势是，支持写入浏览器缓存，不用每次都请求翻译，速度会快很多。
特性
- 零配置翻译：引入JS即可自动翻译整个网页，无需API Key
- AI驱动：基于AI i18n技术，自动识别并翻译页面文本
- 支持100+语言：覆盖全球主流语种
- 三层缓存加速：浏览器缓存 + 内存缓存 + 服务端缓存，毫秒级翻译
- SEO友好：不影响搜索引擎收录
- 动态内容支持：可监控DOM变化自动翻译JS渲染的内容
使用方法
- 安装并启用插件
- 在插件配置中设置站点原始语言
- 选择翻译服务通道
- 勾选所需的目标语言
- 选择语言切换器样式
- 保存设置
配置说明
基本设置
| 配置项 |
说明 |
| 站点语言 |
网站原始语言，如"简体中文" |
| 翻译服务通道 |
client.edge(浏览器自带)、giteeAI（需去官网注册） |
| 所需语言 |
勾选需要支持的目标语言列表 |
| 首次访问语言 |
用户首次访问时默认翻译成的语言 |
界面设置
| 配置项 |
说明 |
| 语言切换器样式 |
内置选择框 / 自定义悬浮切换器 / 不显示 |
高级设置
| 配置项 |
说明 |
| 忽略Class |
翻译时忽略的class名称，多个用逗号分隔 |
| 忽略ID |
翻译时忽略的元素ID，多个用逗号分隔 |
| 忽略Tag |
翻译时忽略的HTML标签，如 pre,code |
| 动态监控 |
开启后监控DOM变化自动翻译新内容 |
内置select下拉框显示位置
<div id="translate"></div>
- 默认内置select下拉框会显示到
<div id="translate"></div> 里面
- 插件内选择 语言切换器样式-》内置选择框
- 只需要把代码放置到你想要显示的位置即可
自定义选择框的样式
.translateSelectLanguage{
position: absolute;
top:10px;
right:10px;
}
完全自定义布局和样式
选择"自定义悬浮切换器"模式后，可通过模板覆写CSS：
{$configs=C('AIi18n:GetConfig')}
<style>
.aii18n { /* 容器样式 */ }
.aii18n_current { /* 当前语言按钮 */ }
.aii18n_list { /* 语言列表 */ }
.aii18n_list a { /* 语言项 */ }
</style>
{var_dump($configs)} 这里返回的所有后台的配置项，你可以根据数据自定义你想要的样式。
翻译服务通道说明
- client.edge (推荐)：客户端边缘翻译，无需服务器，直接在浏览器中翻译
- giteeAI：giteeAI（需去官网注册）
详细说明参考：http://translate.zvo.cn/545867.html
