суббота, 12 февраля 2011
10:41

redString [0.1]

все записи пользователя в сообществе D Ash
Embrace your dreams and prove your honor...

Написал скрипт для Google Chrome, упрощающий создание красных строк в посте. 

Как это работает. 

Вы пишете ваш пост (или комментарий), перед тем как отправить, нажимаете [Alt+R], скрипт модифицирует текст поста, после этого вы можете его опубликовать. Если вам необходимо отредактировать пост, перед тем, как править текст, нажмите [Alt+Q], и все лишние тэги исчезнут из текста. Сами красные строки реализованы через тэги <p> с параметром text-indent:30px. 

 

Несколько замеченных багов
 

Если в вашем посте вы открываете какой-либо тэг в одном абзаце, а закрываете в другом - лучше проставьте этот тэг после нажатия [Alt+R], иначе его работа будет нарушена. 

Не окаймляются div элементы. 

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

Если при создании поста вы использовали тэги <p>, то при попытке удалить красную строку удалятся также ваши закрывающие </p>. 

 

 


    
upd: Альтернативый вариант. Работает проще, заменяет начало строки на цепочку несжимаемых пробелов. Горячие клавиши те же. Минус метода - в блоках с text-align:justify отступы могут получатся разными (т.е. различно расстояние между пробелами). Зато не появляется ненужной каши и путаницы со вложениями, как и проблем с иерархией. Перед установкой рекомендуется удалить обычный (через меню -> Tools -> Extensions).

    
upd2: Исправил альтернативную, теперь размер отступа везде одинаковый. Ссылку на скачивание обновил.


PS Возможно, чуть позже попробую сделать вариацию для FireFox и других браузеров, а также исправить баги. Пока что так - лучше чем ничего, верно?



@темы: Javasсript, Редактирование записи, Теги оформления записи, Новая запись

URL
Комментарии
02.05.2011 в 12:24

alhames
alhames.ru
<div style="display:inline;text-align:left;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
<span style="padding-left:30px;">&nbsp;</span>
 не?
URL
02.05.2011 в 12:43

D Ash
Embrace your dreams and prove your honor...
alhames
Может быть... Но, учитывая использование &nbsp; - не уверен, он может тянуться. Или justify контролирует строку расстоянием между символами?
URL
02.05.2011 в 12:55

alhames
alhames.ru
<span style="padding-left:30px;">&nbsp;</span> нормально работает с justify. Вот только выравнивание по ширине страницы, кхм, не этично. Впрочем использование красных строк тоже..

читать дальше
URL
02.05.2011 в 14:24

Acutagava
Я больше не знаю, где заканчивается ирония и начинается небо ©
alhames, <span style="padding-left:30px;">&nbsp;</span>
Сработало! B четырех браузерах: Firefox, Opera, IE и Chrome.
Причем разность отступов наблюдалась только в Firefox и Chrome, потому и заметила.
Низкий поклон))
URL
02.05.2011 в 16:53

Acutagava
Я больше не знаю, где заканчивается ирония и начинается небо ©
А, поторопилась. Все же разность отступов есть, реже, но есть. Заметно на большом объеме текста (за 20000 знаков). Придется с gif пока пожить)
URL
02.05.2011 в 16:59

alhames
alhames.ru
Acutagava можно ссылку где эта разница? А то я слабо представляю в чем проблема..
URL
02.05.2011 в 17:08

Acutagava
Я больше не знаю, где заканчивается ирония и начинается небо ©
alhames, например, вот
(в качестве абзаца стоит еще &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; но пробовались уже и другие варианты, смотрите в Firefox или Chrome)
URL
02.05.2011 в 17:33

alhames
alhames.ru
justify
Выравнивание по ширине, что означает одновременное выравнивание по левому и правому краю. Чтобы произвести это действие браузер в этом случае добавляет пробелы между словами.

Пробуйте:
<span style="padding-left:30px; visibility: hidden;">0</span>

P.S. Не допускайте пробела между спаном и первой буквой текста, иначе он будет множиться.
P.P.S.А вообще, мой вам совет, уберите justify, ибо читабельность текста, особенного большого объема, падает в разы..
URL
02.05.2011 в 17:53

Acutagava
Я больше не знаю, где заканчивается ирония и начинается небо ©
alhames, отлично работает во всех браузерах, спасибище!
Пробелов не допускаю)) Выравнивание по ширине не ставлю никогда — такое впечатление, что это самодеятельность diary (если такое может быть)
URL
02.05.2011 в 18:21

alhames
alhames.ru
Выравнивание по ширине не ставлю никогда — такое впечатление, что это самодеятельность diary
Всегда можно весь пост выровнять по левому краю (<div style="text-align: left;"></div>;). =)
URL
02.05.2011 в 18:30

Acutagava
Я больше не знаю, где заканчивается ирония и начинается небо ©
alhames Всегда можно весь пост выровнять по левому краю
Буду иметь в виду, спасибо еще раз.

P.S. Вуаля! Выравнивание по левому краю удалило все огрехи! Так что можно использовать и такой комплекс))
URL
22.05.2011 в 13:54

Гвенанне
D Ash спасибо, установила альтернативную версию)
URL
16.06.2011 в 11:51

D Ash
Embrace your dreams and prove your honor...
_Гвенанне
_Вообще, последние версии браузеров это дело по-другому обрабатывают...
_Так что поправил (в соответствии с вариантом, предложенным alhames). Рабочий вариант тут.
URL
16.06.2011 в 20:42

Гвенанне
D Ash спасибо
URL
26.08.2015 в 20:09

Эльдатиэр
Пойду поставлю воду на макароны, потом закрою брешь - стандартные будни Инквизитора (с) Девиз на гербе Повелителя кошек: "Против Шерсти!!!"(ВВК)
а можно для чайников - как этот скрипт ставить?
URL