Мой редактор BB кодов / jQuery / Хабрахабр

Мой редактор BB кодов

Некоторое время назад я опубликовал статью «Простейший редактор BB кодов». В запале обсуждения пообещал выполнить редактор в виде плагина. Вчера у меня выдалось несколько свободных часов, вот выполняю обещание.
Прошу понимающих людей посмотреть и подсказать, наверняка можно улучшить. Может быть, стоит что-либо добавить, пишите, буду улучшать.

Прочитать описание плагина, порядок его использования и настройки
Посмотреть пример, пощелкать по кнопочкам настройки
И конечно, скачать плагин для использования или ознакомления.

Первый топик.

P.S. Господа минусующие, пожалуйста отписывайтесь за что минусы… а то у меня складывается впечатление, что минусы ставятся за то, что сдержал свое слово…

+26

11 октября 2009, 09:52

kamaikin

комментарии (23)

+11

altspam 11 октября 2009, 10:47 #

Что бросается в глаза, так это нерациональное использование картинок. Ну зачем там прозрачный PNG-24? Да даже его можно сжать с 16,5 КБ до 2,91 КБ. А вообще рекомендую сделать PNG-8 без прозрачности, и все картинки склеить в спрайт, потому что ваш редактор будет развиваться и обрастать новыми кнопками, и в конце концов при каждой его загрузке придется ждать, пока загрузится сотня маленьких файликов общим весом килобайт 200. Так раньше было TinyMCE и в паре других редакторов.

kamaikin 11 октября 2009, 10:53 # ↑

ок принято к исполнению)))

altspam 11 октября 2009, 10:55 # ↑

Еще интересна критика?

kamaikin 11 октября 2009, 11:06 # ↑

критика всегда интересна)))

+11

altspam 11 октября 2009, 11:27 # ↑

1. Тег пишется tag, паттерн — pattern, линк — link :)
2. У ссылки нет атрибута alt.
3. Вместо лишнего img сделайте лучше картинку фоном ссылки.
4. Не прописывайте в плагине жестко названия и имена файлов, лучше вбейте все это в options по умолчанию (для каждой кнопки массив [тег, имя, атрибуты]).
5. Когда все будет в options, сделайте один общий цикл по кнопкам для генерации кода.
6. Не храните служебную инфу в атрибутах элемента (она уже есть в options), если только не собираетесь подхватывать кнопки из готового html.
7. Используйте +=.

kamaikin 11 октября 2009, 11:30 # ↑

ок спасибо.

aubt 11 октября 2009, 11:43 # ↑

в этот раз Вы, видимо, решили внимать советам :)

kamaikin 11 октября 2009, 11:47 # ↑

советы, вещь полезная))) и я их всегда учитываю…
Внимать советам…
Учитывать советы,
И слепо следовать всем советам
Это три разных пункта))))) первые два выполняются мною всегда))) третий… Ну ООООЧЕНЬ редко)))

Kakysha 12 октября 2009, 00:00 # ↑

Ну хотябы корявые слова поправьте скорее, этож страшно читать, а вам должно быть стыдно писать teg и linck, как web-разработчику :(

wolandino 11 октября 2009, 21:45 #

Вы молодец! Мне понравилось как это выглядит внешне — возьму на вооружение.
Я как-то собирал подобную вещь для себя — недособирал, пропало время и желание.

kamaikin 11 октября 2009, 21:49 # ↑

Спасибо на добром слове))) Тут мне замечаний набросали))) будет немного свободного времени, допишу с учетом замечаний)))

und 11 октября 2009, 22:21 #

Я использую вот этот скрипт hexmode.org/tagger_menu/ и очень доволен. Тоже настроил под себя…

pepelsbey 11 октября 2009, 22:28 #

teg_linck
teg_image

Определитесь, вы пишете транслитом или по-английски: или tag_image или teg_kartinka, а то какой-то взрыв мозга получается. Хотя проблема может быть сложнее — об этом говорит слово «linck», кажется это «link». Про альт у ссылки уже сказали, но я всё никак отойти не могу o_0

kamaikin 11 октября 2009, 22:33 # ↑

да проблема сложнее… в свое время учил японский (через 20 лет уже мало что помню но....) английский не учил никогда… так что приношу извинения спасибо за комментарий.

НЛО прилетело и опубликовало эту надпись здесь

r1e 30 октября 2009, 17:35 # ↑

жаль, что свои комменты нельзя удалять :)

mavsic 11 октября 2009, 23:36 #

После нажатия на кнопку курсор всегда ставится в конец текста. Это плохо. Должно быть:

Если ничего не было выделено, курсор должен ставиться между тегами
Если что-то было выделено, выделение должно сохраняться

ChemAli 12 октября 2009, 10:49 #

Нет предпросмотра.

kamaikin 12 октября 2009, 10:54 # ↑

я конечно понимаю, что краткость сестра талана, но не все такие талантливые…

какого именно предосмотра нет? если работы плагина то — Посмотреть пример, пощелкать по кнопочкам настройки

13i 12 октября 2009, 14:27 # ↑

предпросмотр — это значит нажать на одноименную кнопочку и посмотреть как это будет выглядеть в реальности в браузере.
Можно:
— открыть в новом окне
— разместить div-окно под редактором (вроде лучшее решение)
— заменить редактор на окно предпросмотра и добавить ссылку «Вернуться к редактированию»
— возможно что-то еще…

kamaikin 12 октября 2009, 17:04 # ↑

ок принято.

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

Фреймворки и CMS ↓

jQuery