Форматирование в комментариях

    Надоело мне писать теги в комментариях руками, и сделал я userscript, который добавляет кнопки форматирования к полю комментария. Непонятно, почему их до сих пор не сделали хабраразработчики. В посте есть — в комментариях нет.
    Вот тут сам скрипт — userscripts.org/scripts/show/85482. Работать он будет в Google Chrome, Firefox, Opera и может даже IE8. Инструкции по установке, если не знаете как ставить userscript'ы, можно почитать тут — внизу страницы.

    Скрипт работает и в постах и в q&a. Содержит вроде бы всё необходимое и даже irony. Если найдёте какие-нибудь баги — пишите.

    Напоследок картинка — как это будет выглядеть:
    image
    Поделиться публикацией

    Похожие публикации

    Комментарии 112
      –2
      Спасибо, полезно.
        +53
        Теперь понятно, почему в постах сделали, а в комментариях — нет.
          +3
          А мне вот не понятно. Согласен, что с удобными кнопками для тегов оформления комменты могут стать слишком броскими, поэтому их необходимость — вопрос спорный, но вот кнопки для линков, цитат и ников хабраюзеров точно не помешали бы.
            0
            Простите, я не использовал тег irony и не всеми был правильно понят. И смайлик не поставил.
            Исправляюсь — irony :-)
              0
              надо сделать еще две кнопки «irony» и «sarkasm» :)
                +4
                Ага, может Вы еще хотите, чтобы тег sarkasm вставлял в коммент всех доставшую всем известную картинку и заодно сразу же минусовал этот коммент? =) Лично мне даже красный тег irony кажется лишним — если он начнет мелькать в каждом пятом комментарии, то зрелище будет не из приятных.
                  0
                  вот видите… что и требовалось доказать.
                0
                Не волнуйтесь, я в этом теге не нуждаюсь и Вас прекрасно понял =) Просто решил предложить решение проблемы (с добавлением лишь некоторых кнопок) на случай, если администрация действительно боится пестрящих комментов.
          +2
          Нажатие на ссылку «ответить» приводит к перезагрузке страницы. Opera 10.62
            0
            В хроме тоже.
              +1
              Обновление сделал.
              +2
              Извините, немного не доделал. Это всё из за qa. Можно обновлять.
                +12
                Зачем извинятся, вы для того и опубликовали, чтобы в том числе и ошибки найти :)
                Хороший скрипт, пожалуй буду пользоваться им вместо устаревшего SuperHabraImagination.

                Принимаете пожелания? Иногда нужны спецсимволы < & и другие в тексте комментария. Приходится вводить html. Вот если бы была какая-нибудь простенькая таблица символов. Только не по отдельной кнопке на символ, а одна кнопка, открывающая таблицу символов.
                  0
                  Привык отвечать за то, что делаю. Неважно за так или за деньги и переживаю когда качество оказывается не на высоте. Я перед постом заметил, что начало мелькать, но у хрома совсем быстро мелькало — не обратил внимания.
                    0
                    простенькая таблица символов

                    Charmap.ru?
                      0
                      Боюсь вы не поняли. В тексте комментария должны быть не сами символы, а их html-последовательности.
                        0
                          +1
                          Ну а доступные теги еще проще, прямо здесь по ссылке «можно использовать html-теги» открываются, однако для них вот панели делается, а за html символами вы предлагаете ходить на другой сайт, при том что их вручную вбить проще, чем адрес запомнить.
                +3
                шикарно! И почему в летний апдейт не вошел подобный функционал в сам движок? Зачем заставлять юзеров руками набивать теги?
                  0
                  я всё пропустил, где почитать про летний апик?
                  +3
                  > И почему в летний апдейт не вошел подобный функционал в сам движок?

                  Этот вопрос задавался пользователями уже много раз, и всякий раз оставался без ответа.
                  Хотя функционал явно востребованный и для многих даже очевидный в подобных случаях.
                  –1
                  давно уж пользуюсь подобным расширением для firefox теперь и для других браузеров, отлично!
                    0
                    полезная штука, сам пользуюсь пока расширением под хром
                      +2
                      Жалко же целый процесс на этот тратить. Я тоже раньше расширения делал, теперь на userscript'ы перешёл.
                        0
                        согласен, а пока можно посравнивать)

                        image
                          +1
                          А что тут сравнивать?
                          Тэги: video, h4, h5, h6, ul, ol, li, hr, p — в комментариях на Хабре не работают.
                          Тогда какой смысл помещать их в панель редактирования комментария?
                            0
                            У меня уже веселее и цитирование произвольного текста и форматирование кода.
                          0
                          Аналогично. Вот статья об этом HabraToolbar'е: habrahabr.ru/blogs/ilhh/76732/
                          +3
                          Ирония выделяется так.
                            0
                            Да, цвет не тот и курсива нет.
                              0
                              Это меня dirty.ru попутал, там после лобстеризации курсив пропал.
                                +4
                                образованные люди понимают и иронию и сарказм без подсказок.
                                  +19
                                  дык то образованные…
                                0
                                Вот это удобно, но по старинке привычнее, хоть теги вспомню
                                  +2
                                  Как насчет внедрения тега цитирования, с ником цитируемого?
                                    +1
                                    Куда нужнее цитирование без ника цитируемого. Его почему-то тоже нет.
                                      +1
                                      а, ну и конечно же хочется hotkeys. ctrl+b/i/u — это же незыблемо!
                                        0
                                        Подумаем как это лучше сделать. Может выделять текст и кнопку на тулбар — цитировать?
                                          0
                                          с выделением нужного фрагмента — оптимальный вариант.
                                            0
                                            Готово цитирование. Если ничего не выделено в комментарии то берётся выделенный текст со страницы.
                                              0
                                              Тогда уж и с хабраюзером так же сделать.
                                              Выделил на странице имя хабраюзера, нажал соответствующую кнопочку — вставился тэг <hh user=«selected-name»/>
                                                +1
                                                Готово.
                                        0
                                        Просто супер, спасибо!
                                        Радует что для хрома устанавливается в два клика.
                                          +2
                                          <irony> С отрицательной кармой не работает, плохой скрипт </irony>
                                            0
                                            С отрицательной кармой не работают теги вообще, т.к. предположительно обладатель отрицательной кармы — идиот (ну или так задумывалось на сайте), который может вставить картинку с нигрой или еще какую-нибудь «замечательную» вещь.
                                              –1
                                              Тег <irony> не работает. Автор, исправьте пожалуйста)
                                                –2
                                                А то насыпят минусов, вы правы :)
                                                +7
                                                Люди с положительной кармой тоже могут вставить Нигру ;)

                                                  0
                                                  сам дурак =_="
                                                –8
                                                Ну все. Сейчас посыпятся предложения как это допилить чтобы было с блэкджэком и шлюхами совсем отлично… Но чтобы сделать самим? Нет что-вы увольте… Хотя про цитирование конечно к месту, а автору огромное спасибо.
                                                  0
                                                  Тот самый тэг irony не красного цвета, а #cc3333 + курсив:

                                                  <i><font color="#cc3333">irony</font></i>
                                                    0
                                                    Уже поправил.
                                                      0
                                                      Поправил где? Заново скачал скрипт с указанного сайта — не вижу там изменений.
                                                        0
                                                        Может закэшировалось где, вот в исходнике даже видно что теперь #cc0000 и i в irony.

                                                        Тест.
                                                          0
                                                          #сс3333
                                                    +3
                                                    blockquote не хватает
                                                      +1
                                                      Добавил.
                                                        +2
                                                        Спасибо! Можно его ещё научить отлавливать выделенный текст на странице вставлять вместе с тегом?
                                                          0
                                                          это было бы самой полезной кнопкой в этом расширении :)
                                                            0
                                                            Готово.
                                                              0
                                                              Вот только раньше если нажимал BQ без выделенного текста, курсор вставал между тегов, а теперь в конец.
                                                                +1
                                                                Поправил в 1.0.5.
                                                            0
                                                            Делаю уже.
                                                        +1
                                                        Зачем в редакторе комментариев тэг video? Он всё равно на Хабре в комментах не работает.
                                                        Вместо него лучше цитирование добавить.
                                                          0
                                                          А в qa работает, тут не проверил просто. Но зато там не работает <hh user. Поправим.
                                                            +3
                                                            А в qa работает, тут не проверил просто. Но зато там не работает <hh user>
                                                            Ещё один минус использования разных движков комментирования в разных разделах Хабра — их отдельно приходится дорабатывать.
                                                          0
                                                          Респект автору. Для Хабра наверное не писали, чтобы приучить комментаторов «думать головой». Это как суровые верстальщики — HTML в блокноте правят. Вещь неудобная до жути, но полезная. Используя визуальные редакторы вы можете забыть, как писать тэги.
                                                          Это как печатать тексты только на компе — попробуйте усидеть и большой текст руками написать в обычном бумажном блокноте. Мне, если честно, было довольно сложно — теперь периодически сначала пишу в блокнот, потом уже Google Documents.
                                                            –4
                                                            Ай молодец
                                                            хехехе
                                                              –2
                                                              Просто спасибо, давно хотел.
                                                                –3
                                                                спасибо, будем использовать
                                                                  –2
                                                                  работает, спасибо.
                                                                  фф 3.6.8, мак.
                                                                    +1
                                                                    Очень круто, благодарю!
                                                                      +2
                                                                      Огромное человеческое спасибо!
                                                                        0
                                                                        Огромное спасибо. Сколько хабром пользуюсь, столько удивляюсь, почему этого нет «из коробки». Пусть еще теги оформления не так критичны, но ссылки вставлять руками — это как-то не по-человечески.
                                                                          0
                                                                          Отличное дополнение, облегчающее жизнь хабрапользователя.
                                                                            0
                                                                            Ура! Качаем!
                                                                              0
                                                                              Спасибо от хабра-пользователя(ей). Уверен, меня поддержат остальные. :-)
                                                                                0
                                                                                Спасибо, crea7or.
                                                                                Google Chrome 6.0.472.53 — работает.
                                                                                  0
                                                                                  Пользуюсь этим. Вполне работает айрони правда нету
                                                                                    0
                                                                                    Гризманки для ФФ4 — https://arantius.com/misc/gm-nightly/
                                                                                    Для тех кто скучает без него.
                                                                                      +1
                                                                                      Ну все, теперь комментарии на хабре будут резать глаза от красной курсивной иронии, да болдов в придачу.
                                                                                        0
                                                                                        Думаю не будет, ведь хабрахабр саморегулируемое общество. Если кто будет злоупотреблять — так карма опустится в минус и всё. А теги у отхабренных не работают.
                                                                                      • НЛО прилетело и опубликовало эту надпись здесь
                                                                                          0
                                                                                          Для оперы — Tagger Menu hexmode.org/tagger_menu/
                                                                                            +1
                                                                                            Я думаю, что в топиках по разработке в комментариях на этой панели также может оказаться полезным недавно введённый тэг форматированной разметки <source> — для вставки фрагментов исходного кода.
                                                                                              0
                                                                                              Да-да-да! Как это все об этом забыли :)
                                                                                                0
                                                                                                Готово в версии 1.0.4.
                                                                                                  0
                                                                                                  Странно как-то это работает через выпадающий список.
                                                                                                  Вот вставил я в комментарий фрагмент кода, выделил этот фрагмент кода и из выпадающего списка выбрал язык «cpp». Тэг вставился, и этот пункт в списке остался выделенным.
                                                                                                  Потом опять набрал несколько поясняющих фраз и снова вставил фрагмент кода. Теперь выделяю этот второй фрагмент кода и снова хочу выбрать из списка тот же «cpp», но не могу.

                                                                                                  Второй раз внутри комментария уже выбранный ранее пункт из списка языков не выбирается, приходится выбирать любой другой язык, а потом ручками исправлять параметр lang.
                                                                                                    0
                                                                                                    Поправил.
                                                                                                      0
                                                                                                      в source курсор почему-то остаётся перед последней закрывающей угловой скобкой, а не после неё.
                                                                                                        0
                                                                                                        А можно пример? Вроде как не могу воспроизвести.
                                                                                                          0
                                                                                                          По шагам:
                                                                                                          1. создаю комментарий (например, жму «ответить» под чужим комментарияем);
                                                                                                          2. вставляю блок текста с кодом;
                                                                                                          3. выделяю этот блок текста;
                                                                                                          4. в панели комментария из выпадающего списка «Языки» выбираю любой язык (например, cpp).
                                                                                                          5. при этом перед выделенным блоком втыкается тэг <source lang='cpp'>, а после выделенного фрагмента втыкается с новой строки тэг </source>
                                                                                                          6. а курсор (приглашение дальнейшего ввода текста) после этого мигает перед символом ">" в закрывающем тэге source, а не после него.

                                                                                                          * Opera 10.61
                                                                                                            0
                                                                                                            в FF и Chrome он на следующей строке оказывается (ниже /source ). Посмотрю потом, что там с оперой.
                                                                                                0
                                                                                                Отлично!
                                                                                                Ещё не помешал бы атрибут title к кнопкам.
                                                                                                  0
                                                                                                  Спасибо что напомнили — добавил.
                                                                                                  0
                                                                                                  Спасибо за расширение.
                                                                                                  Фичереквест: добавить немного интеллекта кнопке <code> — если выделено несколько строк, то заворачивать их в тэг <pre>, который сохраняет переводы строк, в отличие от <code>.
                                                                                                  Фичереквест№2: кнопкой BlockQuote заворачивать в тэг не только текст из textarea с комментом, но и вообще выделенный текст. Так можно будет цитировать собезедника одним кликом.
                                                                                                    0
                                                                                                    ой, #2 уже есть. извинити.
                                                                                                      0
                                                                                                      А зачем code? Я вообще подумал его убрать.
                                                                                                        +1
                                                                                                        Затем, что им удобно выделять имена функций/классов/тэгов/, ключевые слова, команды, ключи команд и прочие inline snippets.
                                                                                                        Например, так:
                                                                                                        …вообще-то это делается таском doctrine:clean-model-files
                                                                                                      0
                                                                                                      супер
                                                                                                        0
                                                                                                        ВАУ! СУПЕР! Спасибо большое! Очень Невероятно удобно!
                                                                                                          0
                                                                                                          Чёрт! Почему-то не сработало =(
                                                                                                          что ж такое?.. ни один тег не схватывает.
                                                                                                            0
                                                                                                            Хабрахабр не даёт использовать теги при отрицательной карме.
                                                                                                              0
                                                                                                              Спасибо большое за подсказку, буду теперь знать.
                                                                                                              Жаль отблагодарить хотя бы плюсиком не могу.
                                                                                                          0
                                                                                                          Добавьте, пожалуйста, URL
                                                                                                          http://habrahabr.ru/company/*

                                                                                                          А то не работает в корпоративных блогах.
                                                                                                            +2
                                                                                                            Забыл что-то про них. Поправил.
                                                                                                            +1
                                                                                                            А где nobr? Почему как обычно проигнорирован столь важный тег.
                                                                                                              0
                                                                                                              В q&a не скрывает хабровскую панель.
                                                                                                                +1
                                                                                                                fixed!
                                                                                                                +1
                                                                                                                А может добавить возможность вставки миниатюр хотя бы для habrastorage?
                                                                                                                Ссылка на обычную картинку и на миниатюру отличается только одним кусочком в адресе.

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

                                                                                                                Самое читаемое