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

    Надоело мне писать теги в комментариях руками, и сделал я 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»/>
                                      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.

                                                      Тест.
                                                +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
                                                                                                          А может добавить возможность вставки миниатюр хотя бы для habrastorage?
                                                                                                          Ссылка на обычную картинку и на миниатюру отличается только одним кусочком в адресе.

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

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