Pull to refresh

Типограф — история продолжается

Reading time1 min
Views16K
В процессе подготовки 3-й версии Типографа написал небольшой jQuery-плагин, который обязательно войдет в релиз, способный облегчить жизнь многим разработчикам сайтов в вопросе типографики.

Задача была следующая: сделать javascript-типограф, а-ля «Punto Switcher», способный верстать нужные символы при наборе текста, не обращаясь к веб-сервису. Так же очень важно было не испортить визуально plain-текст вставками из символов мнемоников, чтобы неподготовленный человек смог спокойно влиться в процесс типографики.

Пришлось пожертвовать многим и сконцентрироваться лишь на нескольких основных правилах, которые покрывают порядка 82% потребностей в типографике (статистика собрана на основе 10 тыс. текстов, обработанных на сайте http://typograf.ru).

Пример

Что делает «Типограф»?


Верстает текст внутри текстовых полей автоматически или по запросу.
  • Умеет верстать кавычки (ёлки, лапки настраиваются);
  • тире в прямой речи;
  • спецсимволы: …, , , , ₽;
  • умеет ставить минус между числами и × между размерными единицами.


При типографике не трогает теги и комментарии HTML.

Ссылка на GitHub

Важно! jQuery.Typograf.js не является полноценной заменой он-лайн сервиса!

По просьбе StopDesign добавил типографику по нажатию на кнопку и откат к исходному тексту.
Tags:
Hubs:
If this publication inspired you and you want to support the author, do not hesitate to click on the button
+21
Comments51

Articles

Change theme settings