Как правильнее сделать перевод русский букв в латиницу?

Question

[Александр Лысенко]

Хочу сделать наглядный перевод названия статьи в slug. В laravel есть функция str_slug, но как ее правильно прикрутить в js?

<input type="email" class="form-control" id="input">
<input id="slug" type="email" class="form-control">

$('#input').on('input',function(e){
    //change action
        var a = $(this).val();
        var b = $('#slug').val(a);
    });

Я пишу в первом поле, текст появляется во втором поле, но как сделать что бы текст во втором поле был в латинице и через разделитель? Возможно ли как-то впихнуть функцию str_slug в код js?

К примеру, пишу в первом поле
Пост 1
и чтобы во втором получилось
post_1

Как через str_slug сделать понимаю, как прикрутить ее в джс не понимаю.

Answer 1

[Алексей Склейнов]

Обычно используется такой функционал для транслитерации названия страниц - вот пример. Причем здесь мыло мне не совсем понятно....

$('#input').keyup(function() {
    $('#slug').val(generate_url($(this).val()));
 });

function generate_url(str)
{
	var url = str.replace(/[\s]+/gi, '-');
	url = translit(url);
	url = url.replace(/[^0-9a-z_\-]+/gi, '').toLowerCase();	
	return url;
}

function translit(str)
{
	var ru=("А-а-Б-б-В-в-Ґ-ґ-Г-г-Д-д-Е-е-Ё-ё-Є-є-Ж-ж-З-з-И-и-І-і-Ї-ї-Й-й-К-к-Л-л-М-м-Н-н-О-о-П-п-Р-р-С-с-Т-т-У-у-Ф-ф-Х-х-Ц-ц-Ч-ч-Ш-ш-Щ-щ-Ъ-ъ-Ы-ы-Ь-ь-Э-э-Ю-ю-Я-я").split("-")   
	var en=("A-a-B-b-V-v-G-g-G-g-D-d-E-e-E-e-E-e-ZH-zh-Z-z-I-i-I-i-I-i-J-j-K-k-L-l-M-m-N-n-O-o-P-p-R-r-S-s-T-t-U-u-F-f-H-h-TS-ts-CH-ch-SH-sh-SCH-sch-'-'-Y-y-'-'-E-e-YU-yu-YA-ya").split("-")   
 	var res = '';
	for(var i=0, l=str.length; i<l; i++)
	{ 
		var s = str.charAt(i), n = ru.indexOf(s); 
		if(n >= 0) { res += en[n]; } 
		else { res += s; } 
    } 
    return res;  
}

Answer 2

[Павел Корнилов]

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

console.log("транслитирировать строку".translit() );

Answer 3

[Евгений]

https://github.com/StuDocu/Laravel-Slug/blob/maste...