- РЕКЛАМА -
Магазета Интернет Pinyin.js - плагин для популярной библиотеки jQuery

Pinyin.js — плагин для популярной библиотеки jQuery

-

Всем, кто изучает или по крайней мере интересуется китайским языком, известен Пиньинь — официальная система романизации. Он достаточно интуитивен, несложен в изучении и очень нагляден в плане отображения тонов в словах при помощи надстрочных знаков.

ā é ǒ yì

Единственная проблема с Пиньинем — это то, что вводить его в «чистом виде» при помощи штатных средств большинства операционных систем не очень удобно. Нужно либо выискивать и вставлять вручную каждый нужный символ с диакритиком, либо устанавливать и настраивать внешний софт, вроде Pinyinput.

Это может быть не сильно большой проблемой, если вводить Пиньинь требуется только лично вам и не очень часто. Но если вы разрабатываете сайт или какой-либо сервис, связанный с китайским языком, и хотите позволить своим пользователям вводить там Пиньинь, вы не можете быть уверены, что у них отработаны для этого подходящие методы или есть нужное ПО. Тут придётся прибегнуть к разработке собственных внутренних средств ввода или искать какие-то обходные пути.

Я сам столкнулся с такой проблемой и задумал решить её радикально — создать супер-простой и лёгкий real-time конвертёр Пиньиня на JavaScript, который будет работать примерно как указанный выше Pinyinput, но на любой веб-странице с любым программным обеспечением. Так появился плагин для популярной библиотеки jQuery с очевидным названием Pīnyīn.js.

Pīnyīn.js plugin logo

С его помощью можно взять любое текстовое поле на вашей веб-странице и сделать так, чтобы оно понимало «нумерованный Пиньинь» (с номером тона после слога, вместо надстрочного знака, например zhi1dao4) и мгновенно конвертировало его в «правильный» Пиньинь (zhīdào). Просто и точно, никакой настройки и возни. Требуется просто подключить плагин к последней версии jQuery на вашем сайте и активировать его для нужного текстового поля (полей) на странице: $('input.myClass').pinyin();

Страница проекта на ГитХабе может быть найдена здесь. Там же есть рабочая демонстрация и исходный код плагина с комментариями.

Я уверен, что эта вещь может быть полезна для всех, кто занимается разработкой интерактивных веб-проектов так или иначе связанных с китайским языком. С её помощью такую мелкую, но очень полезную фичу, как лёгкий ввод Пиньиня, можно решить на раз.

Проект полностью работоспособен как есть, но ему тем не менее есть куда расти, так что любые предложения и пожелания только приветствуются.

А для тех, кто веб-разработкой не занимается, но при этом хочет иметь возможность, когда нужно, быстро ввести строчку на Пиньине без установки нового ПО, демка сама по себе уже может полезна. Ей можно пользоваться например вот так :)

- РЕКЛАМА -

Медиакит и ценыНативная рекламаСвязаться

11 КОММЕНТАРИИ

Подписаться
Уведомления на
guest
11 Комментарий
новые
старые популярные
Inline Feedbacks
View all comments
Alex
Alex
8 лет назад

есть IME для ввода pinyin называется pinyinput, скачать можно тут:
http://www.chinese-forums.com/index.php?/topic/10274-pinyinput-type-pinyin-with-tone-marks/

Азат
Азат
8 лет назад
Андрей
8 лет назад

Диакрити́ческие зна́ки мо́жно вводи́ть шта́тными сре́дствами Windows.
Ставите курсор после гласной и вводите например Alt-769 на цифровой цлавиатуре (справа). Над гласной появляется значок ударения. Также и остальное. Коды можно посмотреть в таблице символов, только там 16-ричные, а вводить надо десятичные.

Infusiastic
8 лет назад
Reply to  Андрей

Штатными средствами Mac OS X тоже можно, правда только в английской раскладке.
Option+a потом нужная буква для ¯
Option+e для ´
Option+v для ˇ
Option+` для `

lattenwald
lattenwald
8 лет назад
Reply to  Infusiastic

Раз пошла такая пьянка, то штатными средствами linux тоже можно (ibus, в моём случае).

Нужны пакеты ibus и ibus-m17n, отконфигурированный и запущенный ibus-daemon (конфигурируется умеренно интуитивно, требуется добавить метод ввода “Chinese — pinyin (m17n)»)

После чего ввод пиньиня méi wéntì — с включённым соответствующим методом ввода (хоткеем или мышкой по иконке в трее) вводится слог, потом цифра тона.

Infusiastic
8 лет назад

хорошее начинание, спасибо!

vamadir
8 лет назад

А для wordpress есть??

Александр Мальцев
Редактор
8 лет назад
Reply to  vamadir

Вроде подобный плагин есть и его делал, если не ошибаюсь, сам Андрей Кравчук. А может и ошибаюсь. Надо на wordpress.org посмотреть.

vamadir
8 лет назад
vamadir
8 лет назад
Reply to  vamadir

Появилась идея для блога :) с этим плагином

- РЕКЛАМА -

Медиакит и ценыНативная рекламаСвязаться

11
0
Would love your thoughts, please comment.x
()
x