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

0

官方客服

官方客服 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}

即为调用后台选中的语言


具体样式可自行调整



请登陆后操作,点击立即登陆