Висячая пунктуация на сайте

Висячая пунктуация
Один из признаков профессиональной работы типографа — наличие висячей пунктуации. Знаки препинания, скобки, дефисы и пр. обладают меньшей массой, чем буквы.
Артемий Лебедев § 120. Висячая пунктуация


«Hanging punctuation» — PHP-класс для автоматической реализации висячей пунктуации в Интернете. Программа обрабатывает открывающие скобки и кавычки, обрамляя их в необходимый HTML-код.

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

Идея — Алексей Черенкевич.

Программирование — Вадим Гончаров

Алгоритм доступен в виде PHP-класса и модуля для Drupal 6. Если у вас есть желание и навыки для того, чтобы сделать такой же модуль для других популярных систем, — пишите мне на почту. Все корректно работающие модули, плагины и расширения будут публиковаться на этой странице с указанием авторства.

PHP-класс



$content = 'Some «HTML» content';

$hp = new HangingPunctuation( $content );

$decoratedContent = $hp->GetDecoratedContent();

echo $decoratedContent;




Не забудьте добавить CSS-код:



span.slaquo { margin-left: 0.5em; }

span.hlaquo { margin-left: -0.5em; }

span.sbrace { margin-left: 0.25em; }

span.hbrace { margin-left: -0.25em; }

Скачать


Модуль для Drupal 6

  1. Распакуйте и скопируйте модуль в папку sites/all/modules.
  2. Включите его на странице управления модулями admin/build/modules.
  3. Активируйте модуль для одного из фильтров admin/settings/filters.
  4. Очистите кэш
  5. Готово!

Скачать


Бонус

Пользуясь случаем, помимо висячей пунктуации, скрипт обрамляет в span с классом «acronym» буквосочетания, набранные прописными (слова от 3-х букв). Не забывайте воспользоваться этим, чтобы сделать разрядку у аббревиатур и акронимов:

.acronym, acronym, abbr {

font-size: 90%;

letter-spacing: 0.3em;

margin-right: -0.3em;

}


В работе — http://cherenkevich.com/stuff/hanging-punctuation

Салават Абдуллин aka @nabliker запилил модуль для висячей пунктуации в текстах для WordPress вдогонку к модулю для Drupal который создал неутомимый Алексей Черенкевич.

Модуль для WordPress.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*


6 − = два

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Получать новые комментарии по электронной почте.