Типограф без калорий|ВП Типограф Лайт

Ох, я два дня подряд чувствовал, что что-то забываю. Неприятное чувство, надо сказать. А оказалось, всего-то — залить последнюю версию Типографа и презентовать ее изменения от прошлого раза. Какое облегчение.

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

Вот, кстати, нашел еще одну попытку сделать типограф для ВП, но уже с помощью API веб-сервиса Лебедева (который сосет по сравнению с typograf.ru, конечно). Мой же ВП Типограф Лайт не делает лишних запросов на сторону, не держит ничего в базе и в связке с кешированием работает просто прекрасно.

Так что, качайте ВП Типограф Лайт →


Для особо сумлевающихся я еще раз объясню, зачем это надо:

Во-первых, спецсимволы — это не только красота, но и удобочитаемость. Тире не случайно длинное — ведь это логическая пауза. Минус же короче и находится чуть выше, т.к. выровнен по высоте не строчных букв, а именно цифр, для которых и предназначен. Да и парные кавычки в русской типографике разные не от извращенной натуры наборщика — они позволяют легко увидеть начало и конец выделения, цитаты. Ну, про значимость вложенных кавычек можно уже ничего не говорить, как и про всякие копирайты, умножения.

При этом, все эти изменения не коснутся любых тегов, а также «внутренностей» <code>, <pre>, <textarea>, <script>, <kbd>. Мало того, в <code>, если вы работаете в невизуальном редакторе, угловые кавычки сами сменятся на html-сущности, а кавычки — на нормальные. Так что код всегда хорошо выглядит и легко копируется.

В комментариях теперь нормальная обработка переводов строк, а также ссылок — вставленные без анкоров вручную, они не только становятся кликабельными, но и сокращаются в случае длинных. Так, ссылки на Википедию не будут больше занимать пять строчек в ленте комментариев.

Ну и, немного отредактировав файл плагина (изменив 25 строчку на $pseudo_markdown=true;), можно всегда включить псевдо-Markdown (о том, как выключить HTML-код в комментах мы еще поговорим в связи со вставкой кнопок в форму).

Наконец, благодаря хорошему человеку, сделавшему 99% работы за меня, в Типограф Лайт добавлена обработка неправильного форматирования, остающегося после кривого TinyMCE.

Так что, вы еще не качаете?

{24 комментария} Подписка на комментарии

> добавлена обработка неправильного форматирования, остающегося после кривого TinyMCE.

На самом деле, кривого HTML-редактора. TinyMCE, честно говоря, не тестировал. Хотя если он использует злосчастный wpautop (), то он тоже подвержен багам.

Имхо, лучший типограф, это автор. Если, конечно, не надо оттипографить уже набранный текст (читай — не копипаст).

А все эти тире (—), кавычки-елочки («»), другие кавычки (‘’„“), а также всякие остальные спецсимволы (²³§‰…£€®™≈ש) есть в типографской раскладке Ильи Бирмана (ilyabirman.ru/tools/typography-layout/).

А если набирать с использованием Markdown синтаксиса, так вообще процесс писательства превратится в сказку.

@Vladimir: wpautop, как я понимаю, как раз подчищает все, что осталось за визуальным редактором. Хотя, возможно, все и сложнее.

@schmooser: раскладкой, конечно, клево пользоваться — но это требует лишних движений, а я и так визуальным редактором не пользуюсь, все теги вручную набираю. Тем более, что десяток preg_replace легко справляется и без раскладки Бирмана — и вставляет html-сущности, а не сами символы.

Markdown тут псевдо (немного отличается), и только в комментариях, хотя привернуть можно и к тексту, заодно добавив стандартные конструкции для заголовков, списков, спец.блоков. Легко. Но здесь я предпочитаю полный контроль над тегами.

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

Но в применении к Сети, да еще к блогам, проще всего, если есть маленький плагинчик, который все сделает за автора, который все, что знает о типографике только то, что написано в Ководстве.

К тому же, да, это хорошее решение, если уже есть сто тыщ мильонов статей (читай — не копипаст, или копипаст, все равно).

А почему в статье не justify, раз так?

А как оно себя поведет с тэгом noindex, распознает как тэг и не тронет, или оттипографит и выведет как текст?

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

@Aesma: никак не поведет, любые теги не трогаются. А вот если написать <code><noindex> — то выведет как текст.

@автор: тогда у меня еще один вопрос, чисто теоретического плана:

если я использую вот такую конструкцию, чтобы быть Valid XHTML?

code]]>code

Блин, надо понятней сделать, чтобы видно было, что для вставки кода используются сами скобочки, в которые оборачивается код. Не как теги! { [ - октрывающая (без пробела), ну и соответственно, ] } — закрывающая.

И в исходниках не видно, что ты делаешь, т.к. все теги вырезало. Правильно вставлять калидный noindex так:

<span class="inv"><![CDATA[<noindex>]]></span>
запрещено к индексации
<span class="inv"><![CDATA[</noindex>]]></span>

Вставка такого в HTML-режиме никак не будет затронута типографом.

Да, соответственно, в CSS это .inv {display:none}

А, ты скорее всего вот про такое решение &lt;noindex&gt; — с точки зрения валидности самое оно, как Яша будет реагировать — не знаю.

А вообще, надо просто забивать и проверять документ на валидность до вставки самого noindex. А браузеры по умолчанию пропускают неизвестные теги.

От использования CDATA, кстати, валиднее ничего не станет, просто валидатор забудет проверять эти блоки :)

@автор: Оно самое и использую :)

А ты на плагинах подсветки кода не тестировал? Вроде тех, которые

[начало работы плагина]

код с подсветкой

[конец]

А то на живой блог из-за этого страшно ставить — мало ли затронет там чего-нибудь.

Ну, во-первых, подсветка кода проходит «на лету» — либо с помощью скрипта php на сервере, либо js уже на клиенте.

А во-вторых, Лайт, да и Фулл ничего не изменяют, а также форматируют текст перед показом. Так что его отключение в случае разных бяк, откатит все назад.

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

@автор: Ясно. Баг нашел. Я пишу в ворде, а у него длинное тире — половина твоего длинного. И в тексте получается три тире — короткое, среднее из ворда, и длинное от типографа. Это видно у меня в посте «Не все то золото». Может среднее вордовское тире тоже обрабатывать?

@AlexNote: ммм, да, косяк с коротким тире. Скорее всего, тогда и с кавычками косяк. Заношу в туду-лист.

Ненавижу вот этот этап отлова багов :)

> плагины работают «на лету», не трогая исходный материал статей

Т.е., текст в RSS типографироваться не будет или я не так всё понял?

@Артём Арлыченков: везде, где вывод осуществляется через the_content или через get_the_content, но с применением фильтров, как положено — типографироваться будет. И в RSS, и в уведомлениях на почту о новых комментариях.

@автор: Я не силён в php, по-этому эти функции мало чего мне говорят)) Но главное, что ответ на свой вопрос я получил, спасибо вам за замечательный плагин.

Ещё один вопрос, есть несколько старых постов, которые я не пропускал через типограф. В фиде они такими и останутся, да? Или со временем обновятся в более красивом виде? Sorry, за возможную тупость вопроса, просто я слабо в этом разбираюсь. :-)

@Артём Арлыченков: Фид самого вордпресса (10 последних записей) обновится, обновится фидбернер — и, вуаля, будет оттипографирована вся лента (в смысле, последние 10 в фиде). Аналогично, абсолютно все посты будут тоже оттипографированы (ключевое слово — на лету )))

@автор: Теперь, всё ясно, спасибо.

@Артём Арлыченков: Не за что. Как доберусь, будет обновленный релиз с поправками — так что если сейчас заметишь какие-нибудь ошибки, сразу пиши.

@автор: Без проблем)

А здесь можно оставить свое мнение ↓ Подписка на комментарии
какие-то из следующих трех полей можно оставить пустыми


нет тегам!!! **эмоция**, __ирония__, >цитата, {[код]}