matiouchkine Mar 2 2011 at 12:28

Добавляем нужное в Firefox за час

4 min

948

Firefox

+64

Comments 26

zapara Mar 2 2011 at 13:24

Поискал сразу альтернативу на addons.mozilla.org — «Типограф 1.14».
Набрали текст в поле — нажали ПКМ и выбрали «Оттипографить» — получили результат.

Удобно, просто, полезно!

zapara Mar 2 2011 at 13:25

UPD
Искал для Firefox 3.6.14, т.к. собранный аддон в статье, работает только под Firefox v4.

matiouchkine Mar 2 2011 at 13:29

Поэтому мой addon лежит на народе, а не на addons.mozilla.org/ru/firefox/

Я не про Типограф писал, я писал про «Добавляем нужное в Firefox за час» — Типограф тут только для примера.

+12

zapara Mar 2 2011 at 13:31

Извините за беглое прочтение статьи. Я увидел для себя полезное, нашел это и опубликовал в комментариях. Надеюсь, что информация из 1-го комментария будет полезной для других участников сообщества.

zapara Mar 2 2011 at 13:35

Меня больше заинтересовала совместимость описанного аддона под Firefox v3.6.14
Поэтому нашел и опубликовал информацию в комментариях. Комментарии для того и существуют, чтобы они были полезным, пускай не совсем имеющие прямое отношение к топику.

Спасибо.

matiouchkine Mar 2 2011 at 13:40

Да нет, ну что вы, я совершенно не сужу, тем более — строго; комментарий ваш полезен.

Я просто хотел объяснить, почему я не добавил всех плюшек, наподобие правого щелчка мыши и/или еще чего-нибудь полезного.

Кстати, мой умеет типографить выделенную часть текста и буфер обмена, а тот — нет ;-)

zapara Mar 2 2011 at 13:47

Так дело в том, что я поставил Ваш аддон в свой Firefox v4.0b12, но он то у меня не работает.
Кнопки нигде нет для активации, с текстом из буфера игрался разными способами — безрезультатно.

Что я делал не так?

matiouchkine Mar 2 2011 at 13:52

Рекомендуемая Mozilla политика добавления кнопок на тулбар — ненавязчивая. В смысле, после установки кнопка появляется в диалоге «Настроить тулбар» и ее оттуда нужно перетащить на тулбар вручную.
Я просто следовал гайдлайнам.

zapara Mar 2 2011 at 14:00

Вот именно этого поста мне не хватало. :)

В Firefox нажал ПКМ на «Панель навигации» → «Настроить» → перетянул кнопку для работы с расширением в удобное место. Теперь у меня Типограф в двух браузерах, а за описанный мануал — спасибо!

matiouchkine Mar 2 2011 at 14:03

Завсегда пожалуйста.

zapara Mar 2 2011 at 13:37

Прошу отнестись с пониманием. Второй пост почему-то сразу не опубликовался (даже после обновления страницы), решил переписать мысль, а как опубликовал — увидел два комментария.

Не судите строго.

-2

torkve Mar 2 2011 at 13:48

Чёрт, за один топик сразу два аддона для типографа. А я пару месяцев назад писал его сам…
Если кому-то будет интересно поковыряться, то вот еще и мой вариант: narod.ru/disk/6656847001/typographer.xpi.html
Работает на 3.6, с 4 «несовместим», но тоже работает.

matiouchkine Mar 2 2011 at 13:54

Сразу оговорюсь, что на практике вряд ли есть смысл пользоваться JS-версией клиента. Если кто-то найдет полезное применение, напишите :-)
— www.artlebedev.ru/tools/technogrette/js/remotetypograf/

Напишем?

:-)

torkve Mar 2 2011 at 13:56

Да, я тогда тоже посмеялся, но написать им поленился :)

smax Mar 5 2011 at 00:57

Я, как автор упомянутого выше типографского плагина, написал им. В ответ тишина.

matiouchkine Mar 2 2011 at 14:02

Ой, а вы зачем блокирующий вызов к стороннему сервису делаете? Чтобы когда он ляжет — повесить браузер?
И да, согласно MDN, XHTML вернет не TEXTAREA, но textarea, поэтому если завтра ребята перейдут в зуле на XHTML (я знаю, что вероятность этого отрицательна, но все же) — у вас поломается showTypifySelectionItem.

depporter Mar 2 2011 at 14:07

Молодец. Вот молодец (с) Наумыч

torkve Mar 2 2011 at 14:28

Печаль :) Меня оправдывает, что для расширения я делал всё ВООБЩЕ с нуля, да и с клиентским программированием знаком слабо.
А что касается блокирующего вызова, то так проще, чем вешать коллбэки и ждать. Кроме того иначе может получиться ситуация, когда я нажимаю «типографировать», инет тормозит, я начинаю уже что-то в поле ввода править, и тут оно внезапно заменяется на оттипографированный текст.
В общем, Ваши замечания безусловно правильные, по уму-то там допилить еще много что можно — и способ типографирования, и disable поля в процессе запроса, и какой-нибудь крутящийся индикатор работы…
Я просто точно так же делал эту фигню за час, чтобы облегчить труд человеку, который весь день по работе типограф использует. Если типограф или интернет ляжет, то подвисший на пару минут браузер (потом скорее всего будет либо таймаут, либо ФФ просто предложит остановить скрипт) окажется наименьшей возникшей проблемой :)

matiouchkine Mar 2 2011 at 14:38

Не оправдывает ;-)

Я писал [почти] этот код более года назад, тоже с нуля — тогда еще не было этой чудо-тулзы (или я ее тогда не отыскал).
Вешать коллбэки — в js совсем не проблема, тут вам не ассемблер. Загляните в мой код — он на две строки длиннее вашего (да, мой код длиннее! ;-)). Мой пример застрахован и от «я нажимаю „типографировать“, инет тормозит, я начинаю уже что-то в поле ввода править, и тут оно внезапно заменяется на оттипографированный текст»:

var insertText = function (s, fe) {
  if (fe && s && s != '') {
    var text = fe.value;
    var startPos = fe.selectionStart;
    var endPos = fe.selectionEnd;
    var beforeSelection = text.substring(0, startPos);
    var afterSelection = text.substring(endPos, text.length);
    fe.value = beforeSelection + s + afterSelection;
    var pos = startPos + s.length;
    fe.setSelectionRange(pos, pos);
  }
}

Иными словами, если я не дождался и начал писать что-то новое — оттипографленный текст будет вставлен после курсора. Не особо удобно, но ничего не испортит.

А троббер я просто выбросил из примера, чтобы не перегружать.

Хотя вы правы, на самом деле. Это тот случай, когда быстро — лучше, чем идеально.

torkve Mar 2 2011 at 15:50

Тулзы?) Я делал исключительно по обрывкам с MDN :P

Ну, в целом у нас немножко разный подход оказался. Мой похуже, но побыстрее, да :)

matiouchkine Mar 2 2011 at 16:19

Да у меня подхода-то никакого особенного нет. Я и не типограф, в общем-то, писал.
Я просто неожиданно понял, что написать расширение — плевое дело, но очень сложно найти способ перепрыгнуть точку входа.
Я такое же, например, для маркдауна — набросал за полчаса и теперь ужасно рад этому. А у каждого человека ведь свои какие-то тараканы (кому-то типографику подавай, кому-то — маркдаун, а особенным — вообще — википарсер ;-)).

iav Mar 3 2011 at 06:46

А с чего скриншотик? Не с «эклипса»? Если да — то что у вас там для писания аддонов стоит?

matiouchkine Mar 3 2011 at 07:21

Нет, это NetBeans безо всяких плюшек для аддонов. Тут три с половиной строчки кода, зачем мне помощники?

smax Mar 5 2011 at 01:02

Мой плагин уже выше упомянули, спасибо, about. Замечу, что написание клиентской части к сервисам artlebedev.ru и typograf.ru заняло действительно мало времени. С чем пришлось попариться, так это с написанием редактора настроек. Кроме того, много проблем было с RichText редакторами — изначально я делал свой плагин для того, чтобы можно было типографить ЖЖ-посты.

matiouchkine Mar 5 2011 at 07:43

Я вашему плагину совсем не конкурент и именно поэтому не стал повышать энтропию заливкой его на addons@mozilla.

Просто я писал не о клиенте для Типографа, а о том, как быстро добавить какую-нибудь плюшку к FF. Если заменить поход к Лебедеву на вот такой код:

this.insertText(this.getClipboard("text/html"));

— получится копипаст в любую textarea — HTML с форматированием.

И так далее.

smax Mar 5 2011 at 13:44

Ага, я понимаю. Но мой комментарий про то, что написать основную функциональность действительно легко и удобно, а вот довести плагин до продакшен качества тяжело. В отличие от плагинов для Хрома, например, где почему-то это получается легче.

Я еще забыл сказать про addons.mozilla.org. Это же адский ад. Процесс добавления туда новых плагинов и версий через песочницу очень некомфортный.

Исходники моего плагина живут на sourceforge.net.

Show the best of all time