实时翻译插件，弥补系统内置语言功能的不足

官方客服 2024-04-25 18:04:37

系统内置语言功能，仅支持独立建站，要么做中文站，要么做一个英文站

想要前台用户可主动选择切换翻译，可使用本插件

演示地址：http://down.newzhan.com/

本插件为接入第三方，支持100+语种可选

官方地址：http://translate.zvo.cn/

本插件仅兼容当前官网的几个默认模板，自定义模板的，自行在页脚中插入以下代码：

<script src="https://cdn.staticfile.net/translate.js/3.2.3/translate.js"></script>
<script>
    var lang_btn = '<li class="dropdown nav-item ml-3 ignore">\
        <a class="nav-link dropdown-toggle arrow-none dropdown-toggle-href d-flex align-items-center" data-toggle="dropdown" id="topbar-lang" href="javascript:;">\
            <i class="iconfont icon-translate opacity-75" style="font-size:24px;"></i>\
        </a>\
        <div class="dropdown-menu shadow-sm dropdown-menu-right" aria-labelledby="topbar-lang" id="topbar-lang-dropdown-menu">{loop:$translate $v $k}<a class="dropdown-item px-3 py-2 text-truncate" href="javascript:translate.changeLanguage(\'{$k}\');"><span>{$v}</span></a>{/loop}</div>\
    </li>';
    translate.selectLanguageTag.show = false; 
    translate.service.use('client.edge');
    translate.execute();
</script>

并在头部模板适合的位置，增加语言选择html部分

<li class="dropdown nav-item ml-3 ignore">
    <a class="nav-link dropdown-toggle arrow-none dropdown-toggle-href d-flex align-items-center" data-toggle="dropdown" id="topbar-lang" href="javascript:;">
        <i class="iconfont icon-translate opacity-75" style="font-size:24px;"></i>\
    </a>
    <div class="dropdown-menu shadow-sm dropdown-menu-right" aria-labelledby="topbar-lang" id="topbar-lang-dropdown-menu">
    {loop:$translate $v $k}
    <a class="dropdown-item px-3 py-2 text-truncate" href="javascript:translate.changeLanguage(\'{$k}\');"><span>{$v}</span></a>
    {/loop}
    </div>
</li>

其中

{loop:$translate $v $k}
    <a class="dropdown-item px-3 py-2 text-truncate" href="javascript:translate.changeLanguage(\'{$k}\');"><span>{$v}</span></a>
{/loop}

即为调用后台选中的语言

具体样式可自行调整