1 В избранное 0 Ответвления 0

OSCHINA-MIRROR/jaywcjlove-translater.js

Присоединиться к Gitlife
Откройте для себя и примите участие в публичных проектах с открытым исходным кодом с участием более 10 миллионов разработчиков. Приватные репозитории также полностью бесплатны :)
Присоединиться бесплатно
Клонировать/Скачать
README-zh.md 2.7 КБ
Копировать Редактировать Web IDE Исходные данные Просмотреть построчно История
gitlife-traslator Отправлено 28.11.2024 06:27 b81f949

Это решение для перевода веб-страниц с использованием HTML-комментариев. Для небольшого количества статических страниц это решение кажется более простым. Оно не зависит от сторонних библиотек, размер сжатого файла составляет всего около 2 КБ. Официальная документация: пример предварительного просмотра.

  • Поддержка переключения между IMG и текстом.
  • Поддержка загрузки языка по URL.
  • Поддержка выбора локального кэша.

Рисунок: 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="按钮日本"  />

getLang/setLang

Получение или установка текущего языка.

<script type="text/javascript">
  var tran = new Translater();
  if (tran.getLang() === "default") tran.setLang('en');
</script>

Опубликовать ( 0 )

Вы можете оставить комментарий после Вход в систему

1
https://api.gitlife.ru/oschina-mirror/jaywcjlove-translater.js.git
git@api.gitlife.ru:oschina-mirror/jaywcjlove-translater.js.git
oschina-mirror
jaywcjlove-translater.js
jaywcjlove-translater.js
master