Как сделать онлайн переводчик в транслит на своём сайте

Сделать на своём сайте онлайн переводчик в транслит и обратно проще простого. Часто у веб-мастера складывается такая ситуация, когда нужно русский контент перевести на латиницу или наоборот.

Онлайн переводчик Транслита

Сделать на своём сайте онлайн переводчик в транслит и обратно проще простого.

Часто у веб-мастера складывается такая ситуация, когда нужно русский контент перевести на латиницу или наоборот. Это может быть как пара слов (например имена для ЧПУ), так и тексты значительные по объёму.

Пример рабочего транслита онлайн




При поддержке php и javascript установить собственный транслитер на сайте не представляет никакой сложности.

Шаг 1. Создаём файл транслита на JavaScript

Создаём файл translit.js содержащий:

function send(){
var text = document.getElementById('text').value;
var transl = new Array();
    transl['А']='A';     transl['а']='a';
    transl['Б']='B';     transl['б']='b';
    transl['В']='V';     transl['в']='v';
    transl['Г']='G';     transl['г']='g';
    transl['Д']='D';     transl['д']='d';
    transl['Е']='E';     transl['е']='e';
    transl['Ё']='Yo';    transl['ё']='yo';
    transl['Ж']='Zh';    transl['ж']='zh';
    transl['З']='Z';     transl['з']='z';
    transl['И']='I';     transl['и']='i';
    transl['Й']='J';     transl['й']='j';
    transl['К']='K';     transl['к']='k';
    transl['Л']='L';     transl['л']='l';
    transl['М']='M';     transl['м']='m';
    transl['Н']='N';     transl['н']='n';
    transl['О']='O';     transl['о']='o';
    transl['П']='P';     transl['п']='p';
    transl['Р']='R';     transl['р']='r';
    transl['С']='S';     transl['с']='s';
    transl['Т']='T';     transl['т']='t';
    transl['У']='U';     transl['у']='u';
    transl['Ф']='F';     transl['ф']='f';
    transl['Х']='X';     transl['х']='x';
    transl['Ц']='C';     transl['ц']='c';
    transl['Ч']='Ch';    transl['ч']='ch';
    transl['Ш']='Sh';    transl['ш']='sh';
    transl['Щ']='Shh';    transl['щ']='shh';
    transl['Ъ']='"';     transl['ъ']='"';
    transl['Ы']='Y\'';    transl['ы']='y\'';
    transl['Ь']='\'';    transl['ь']='\'';
    transl['Э']='E\'';    transl['э']='e\'';
    transl['Ю']='Yu';    transl['ю']='yu';
    transl['Я']='Ya';    transl['я']='ya';
 
    var result = '';
    for(i=0;i<text.length;i++) {
        if(transl[text[i]] != undefined) { result += transl[text[i]]; }
        else { result += text[i]; }
    }
    document.getElementById('text').value = result;
}
Шаг 2. Подключение транслит

Добавляем в html код необходимой страницы строку, как в моём примере:

<script type="text/javascript" src="https://ipmoney.info/scripts/translit.js"></script>
Создаём форму переводчика
<textarea id="text" cols="35" rows="8" style="width: 600px; height: 150px; color: #0C3A45; border: 1px solid #CCCCCC; background: #F2F2F2;"></textarea>
<br>
<input type="button" class="input" value="Перевести" onclick="send()">
1 392 2 Обновлено
Опубликовано: 28 мая 2017

2
Обсуждение

500
  Подписаться  
новые старые
Уведомлять
Кирилл

через какую это программу?

Андрей

Здрасте! Не работает кнопка » В буфер», а она ой как нужна.