[Разобрался] Типографические фичи на сайте

А у меня опять вопрос в сторону типографики на сайте.

1. Как сделать, что бы по умолчанию текст заметки выравнивался по ширине?
2. Где копать стили отображения кода, цитаты etc? Хотел причесать маленько.

P.S. Очень нравится, как на drupal.ru сделано отображение кода - с подсветкой, кастомизацией по языку, линками на хелпы и т д. Это как вообще сделано? Может модули есть какие то на d.org'е? Или таки самопись под конкретный сайт? :)

[РЕШЕНО] [Костыли] Некорректное отображение кода в тексте статьи

Прошу сообщество помочь советом. Есть небольшой (недопиленный, конечно же) блог. Дизайн и прочее - дело наживное, как нибудь справлюсь.

А в данный момент конкретно не могу понять вот что. В текстах на сайте планируется иногда использовать фрагменты кода. На данный момент присутствуют проблемы с его отображением, как то:

1. Почему то режутся пробелы в начале строки. То есть, реавльно они есть, а не отображаются при просмотре статьи.
2. Не все, что заключено внутри соответствующих тэгов, распознается, как код. То есть, часть кода может отобразится как обычный текст.
3. Может быть, будут еще какие то специфичные глюки.

Конфиг: Drupal 7.8, BUEditor, Filtered HTML, Тэг <code>, Pixture Reloaded (хотя тут врят ли, ибо с другими темами глюки оставались), ссылка на сабж. Если нужна дополнительная информация - уточню.

Голову сломал, что с этим всем делать. Может сам где напортачил. Хотя стандартные форматы не трогал. Может кто чего посоветует: куда копать, что курить помимо косяка.

Новая версия веб-типографа Студии Муравьёва

Типограф под рукой

Тема типографики и дизайна неоднократно опднималась на сайте. В этом свете полезно узнать об обновлении плагина «Типограф» для FireFox. Кроме дефолтного типографа от студии Лебедева, теперь он поддерживает работу с популярным веб-сервисом http://typograf.ru и представляет почти все богатство его настроек.

Плагин работает во всех полях ввода, input, textarea, reachtext.

Страница плагина

https://addons.mozilla.org/ru/firefox/addon/5314

Скачать можно здесь

https://addons.mozilla.org/ru/firefox/addons/versions/5314

Типограф для FCK Editor

Хабраюзер wildvampir допилил плагин к FCK, творящий то же самое, причем это дополнение работает как с собственным типографом, так и со сторонними.

Подробности http://habrahabr.ru/blogs/webdev/63998/

Инструкция по установке

Скачать плагин от сюда http://nvlad.com/files/typograf.7z;
Распаковать в директорию /FCKEditor/editor/plugins/
В файл конфигурации добавить загрузку плагина FCKConfig.Plugins.Add('typograf', 'en,ru');
Ну и добавить в нужное место на Toolbar кнопку 'typograf'.

Типограф для TinyMCE

Сегодня закончил типограф для визуального редактора TinyMCE. Этот типограф (как и его коллега) использует PHP библиотеку от rmCreative для обработки текста. Внешние сервисы не используются, все происходит на локальном сервере.

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

Bueditor и типографика

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

Просмотрев множество решений (в том числе и готовое для Bueditor'а http://drupal.ru/node/11904), не смог найти для себя подходящее по качеству работы и легкости интеграции/пользования.

В то же время, свободно доступный для скачивания «Devanagari 3» (тоже не лишенный недостатков-глюков) меня вполне устраивал.

Модуль «Типограф»

Типограф для Drupal 5, работает как фильтр.

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

Основан на сервисе: http://www.typograf.ru/
описание: http://www.typograf.ru/about/
сравнение: http://www.typograf.ru/flog/

Типограф

Типограф работающий как фильтр. Есль модуль для Друпала. Правда оригинал сразу не заработал пришлость дописать в info файле потдержку 6-й версии и класс назвать с маленькой буквы.
Страница оригинала здесь.
http://rmcreative.ru/blog/post/tipograf
Для ленивых модуль прикладываю.

Фильтр ввода "Типограф"

Модуль типографики, и то какие варианты сейчас для этого есть.

AJAX типографика в BUEditor

После моей попытки прикрутить типографику на JavaScript к BUEditor, vadbars@drupal.org посоветовал поглядеть в сторону других движков. Я остановил свой выбор на «Типографе» на PHP Д. Селезнева как на наиболее качественном (на мой взгляд) продукте. Для его вызова будем использовать стандартную для Drupal библиотеку jQuery. Итак:

1. Качаем дистрибутив «Типографа».

Типографика с использованием BUEditor

Пришла в голову идея прикрутить типографику на уже известном по модулю Typografica движке от pixel-apes.com к BUEditor. Сам движок мне не очень нравится, однако, если есть возможность руками подправить результат его работы, то не все так плохо. К счастью, существует JS-версия этого движка: http://pixel-apes.com/typografica/corrector/

Как прикрутить:

Проблемная Typografica

Эксплуатируя модуль Typografica 5.x-1.1 столкнулся сразу с двумя проблемами.

1. При использовании fckeditor (это может быть любой редактор) фраза «Расчетно-кассовое обслуживание частных лиц» преобразуется в <span class="nobr"><p>Расчетно&ndash;кассовое</span> обслуживание частных лиц</p>, т.е. порядок тэгов нарушается. Абзац, понятно, редактор вставляет, а спан и тире - от типографицы.

Проблема с модулем Typografica при вставке из Word'а посредством TinyMCE. "Левые" символы в тексте.

Столкнулся с такой проблемой: Контент-мейкер создаёт материал на сайте через визуальный редактор TinyMCE путем вставки текста, скопированного из Word'а. При сохранении текста в нем появляются символы В� (коды: x0412 и xFFFD). При просмотре текста в TinyMCE в виде HTML ничего такого не наблюдается. Начал разбираться, обнаружил следующие закономерности:

• При вставке из редактора типа блокнота эти символы не появляются;