Ознакомьтесь с нашей политикой обработки персональных данных
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 и других браузеров, а также исправить баги. Пока что так - лучше чем ничего, верно?


запись создана: 12.02.2011 в 07:22

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

Комментарии
2011-05-02 в 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>
 не?

2011-05-02 в 12:43 

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

2011-05-02 в 12:55 

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

читать дальше

2011-05-02 в 14:24 

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

2011-05-02 в 16:53 

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

2011-05-02 в 16:59 

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

2011-05-02 в 17:08 

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

2011-05-02 в 17:33 

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


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

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

2011-05-02 в 17:53 

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

2011-05-02 в 18:21 

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

2011-05-02 в 18:30 

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

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

2011-05-22 в 13:54 

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

2011-06-16 в 11:51 

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

2011-06-16 в 20:42 

Гвенанне
D Ash спасибо

2015-08-26 в 20:09 

Эльдатиэр
Пойду поставлю воду на макароны, потом закрою брешь - стандартные будни Инквизитора (с)Кто-то опять накидал фанатиков под кресло
а можно для чайников - как этот скрипт ставить?

Комментирование для вас недоступно.
Для того, чтобы получить возможность комментировать, авторизуйтесь:
 
РегистрацияЗабыли пароль?

@Дневники: секреты, тонкости и хитрости

главная