Это решение для перевода веб-страниц с использованием HTML-комментариев. Для небольшого количества статических страниц это решение кажется более простым. Оно не зависит от сторонних библиотек, размер сжатого файла составляет всего около 2 КБ. Официальная документация: пример предварительного просмотра.
Рисунок: translater.js анимационный эффект.
$ npm install translater.js
Или импортируйте translater.js
:
import 'translater.js';
Также можно загрузить файл вручную и связать его в HTML:
<div>
Здесь текст на китайском языке
<!--{jp}ここは日本語です-->
<!--{en}Here is English-->
</div>
<script src="https://unpkg.com/translater.js/dist/" type="text/javascript"></script>
<script type="text/javascript">
var tran = new Translater({
lang:"jp"
});
</script>
Переключение языков осуществляется через гиперссылки:
<a href="javascript:tran.setLang('default');">English</a>
<a href="javascript:tran.setLang('jp');">日本語</a>
<a href="javascript:tran.setLang('cn');">中文</a>
Можно также установить язык через параметр URL:
http://127.0.0.1:9005/test/test.html?lang=jp
<div>
Здесь текст на китайском языке
<!--{jp}ここは日本語です-->
<!--{en}Here is English-->
</div>
<img
alt="image"
alt-cn="图片"
alt-jp="画像"
title="image2"
title-cn="图片2"
title-jp="画像2"
src="../img/imgae.jpg"
data-lang-cn="../img/imgae_cn.jpg"
data-lang-jp="../img/imgae_jp.jpg"
/>
<input type="text" placeholder="like this?" placeholder-cn="像这样?" />
<input type="button" value="button" value-cn="按钮" value-jp="按钮日本" />
Получение или установка текущего языка.
<script type="text/javascript">
var tran = new Translater();
if (tran.getLang() === "default") tran.setLang('en');
</script>
Вы можете оставить комментарий после Вход в систему
Неприемлемый контент может быть отображен здесь и не будет показан на странице. Вы можете проверить и изменить его с помощью соответствующей функции редактирования.
Если вы подтверждаете, что содержание не содержит непристойной лексики/перенаправления на рекламу/насилия/вульгарной порнографии/нарушений/пиратства/ложного/незначительного или незаконного контента, связанного с национальными законами и предписаниями, вы можете нажать «Отправить» для подачи апелляции, и мы обработаем ее как можно скорее.
Опубликовать ( 0 )