0

Нужно сделать транслитерацию веб страницы из латиницы в кириллицу, чтоб при нажатии на кнопку сайт "перевелся" сразу же. Не знаю как быть и куда копать. Пробовал всю страницу взять в <div id="translit"></div> и перевести с помощью JS, тут он стал переводить и теги ... У кого какие мысли ?

5
  • 1 - Зачем такая странная задача? 2 - Можно посмотреть Вашу имплементацию? 26 дек 2018 в 10:45
  • Ваш ответ зависит от этого ? 26 дек 2018 в 10:46
  • Конечно, нужно понять что конкретно Вы хотите реализовать и какие наработки уже есть. 26 дек 2018 в 10:48
  • использовал вот эту библиотеку masscode.ru/index.php/k2/item/28-litranslit. "Транслит НЕтекстового поля" но он переводит и HTML теги 26 дек 2018 в 10:51
  • Вам надо пройтись по всем тегам и в каждом выполнить функцию транслитерации. 26 дек 2018 в 10:55

1 ответ 1

1

Очень простой вариант, но это должно помочь решить проблему.

let alph = {' ':' ','а': 'a', 'б': 'b', 'в': 'v', 'г': 'g', 'д': 'd', 'е': 'e', 'ж': 'g', 'з': 'z','и': 'i', 'й': 'y', 'к': 'k', 'л': 'l', 'м': 'm', 'н': 'n', 'о': 'o', 'п': 'p','р': 'r', 'с': 's', 'т': 't', 'у': 'u', 'ф': 'f', 'ы': 'i', 'э': 'e', 'А': 'A','Б': 'B', 'В': 'V', 'Г': 'G', 'Д': 'D', 'Е': 'E', 'Ж': 'G', 'З': 'Z', 'И': 'I','Й': 'Y', 'К': 'K', 'Л': 'L', 'М': 'M', 'Н': 'N', 'О': 'O', 'П': 'P', 'Р': 'R','С': 'S', 'Т': 'T', 'У': 'U', 'Ф': 'F', 'Ы': 'I', 'Э': 'E', 'ё': 'yo', 'х': 'h','ц': 'ts', 'ч': 'ch', 'ш': 'sh', 'щ': 'shch', 'ъ': '', 'ь': '', 'ю': 'yu', 'я': 'ya','Ё': 'YO', 'Х': 'H', 'Ц': 'TS', 'Ч': 'CH', 'Ш': 'SH', 'Щ': 'SHCH', 'Ъ': '', 'Ь': '','Ю': 'YU', 'Я': 'YA'};

let translit = (str) => {
  return str.split("").map(item => {
    return alph[item];
  }).join("");
}

$("#btn").on("click", () => {
  $("#btn").off();
  $("body > #root *").each((index, elem) => {
    $(elem).contents().each((ite, item) => {
      if (item.nodeName === "#text") {
        item.textContent = translit(item.textContent);
      }
    })
  });
});
* {
  width: 100%;
  margin: 10px;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="root">
  <button id="btn">НАЖМИ ЧТОБЫ ПЕРЕВЕСТИ</button>
  <div>
    Привет, я текст на кириллице
    <span>Привет, я тоже</span>
    <button>Я тоже, если что</button>
  </div>

  <div>
    Привет, я текст на кириллице
    <span>Привет,<span>я вложенный спан</span></span>
    <ul>
      <li>А я элемент списка</li>
    </ul>
  </div>
</div>

2
  • Misha Saidov, благодарю за подробный ответ. Но при нажатии на кнопку НАЖМИ ЧТОБЫ ПЕРЕВЕСТИ у меня почему то ничего не происходит. в консоли тоже нету ошибок... 26 дек 2018 в 15:18
  • @AlexStassov только что проверил в Chrome, Firefox и Edge - никаких ошибок все работает https://i.imgur.com/kIx7VBx.gif (в ie суваться не стал) 26 дек 2018 в 15:35

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.