BUEditor – простой редактор html тегов для любого сайта

Сегодня я решил вытащить из под полы свою небольшую разработку. Давненько я уже озадачился выбором html редактора для своих админок и мой выбор пал на BUEditor. Да, это именно модуль для CMS Drupal.

Однако его можно и нужно использовать где угодно. Конечно при наличии прямых рук и извилин в голове. Кстати, этот пост я пишу в BUEditor.

Однако редактор имел и досадные минусы. Например, не имел централизированных конфигов, не умел загружать файлы на сервер, не имел универсальности. Я немного поработал над функциональностью, отбросил лишнее и добавил необходимое.

Главные достоинства скрипта:

  • простая интеграция (требуется загрузить скрипты на сервер и прописать несколько строк настроек)
  • малый размер (35 килобайт с картинками в архиве)
  • повышенная поддатливость к изменениям (кнопки можно настраивать как угодно)
  • умение загрузить изображения и файлы на сервер (загрузка дополнительно защищена паролем)
  • функции помощи и предпросмотра (это удобно)

В базовой комплектации идёт довольно большой набор кнопок, а также пару очень полезных функций: Предпросмотр и Помощь. Если вдруг вы забудете назначение кнопочек своего редактора, он с радостью напомнит вам эту важную информацию. А если захочется глянуть одним глазком на результат своих стараний, в этом поможет функция Предпросмотр.

Редактор умеет не только вставлять любой код и обрамлять код тегами, но и обрамлять несколько элементов сразу. Например, умеет оборачивать кодом списки.

Также очень радует, что набор кнопок полностью зависит от владельца сайта/блога, куда вы устанавливаете редактор. Например, у вас есть особый класс для первого абзаца. Вы легко сможете задать кнопке функцию вставки <p class="first">текст</p> и больше не заниматься писаниной классов вручную.

Ещё один вариант использования редактора – задание кнопкам разных шаблонов. Например, у вас разные разделы сайта/блога имеют разные шаблоны оформления или просто представления информации. Так вот. Такой редактор запросто выплюнет по клику вам этот самый шаблон. Если говорить проще – любая комбинация тегов и текста отныне вам подвластна. Плюс к тому, он ещё и javascript умеет исполнять.

Использовать или нет данную тулзу решать конечно вам, но лично я буду и в дальнейшем им пользоваться. Думаю, во всех скриптах, к которым я приложу руку в ближайшее время, можно будет лицезреть эти кнопочки.

Кому не подойдёт этот скрипт

Тем, кто привык к визуальным редакторам WYSIWYG. А чем же они плохи? Такие редакторы хоть и якобы удобные, но сильно засоряют код, тормозят, а часто вообще вставляют тарабарщину.

Где взять редактор

Всё очень просто. Сегодня Тормоз анонсировал свой новый движок свободных цен Yerka и я решил опробовать его в деле. Так вот.

Редактор можно купить по любой цене или же вообще скачать бесплатно здесь. Там же есть и демонстрация.

Ещё пару слов по поводу скрипта

Скрипт я адаптировал уже давно. Код не очень красив, но скрипт работает. Сейчас, после прохождения различных обучающих курсов по PHP, я имею немало представлений по его улучшению. Ежели будут не только халявщики, но и покупатели, то редактор ждут полезные обновления.

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

Познавательно

Скрипт магазина назван в честь талантливого современного художника Яцека Йерки. Ниже вы можете лицезреть одну из его картин.

Яцек Йерка

Сегодня обойдёмся без постовых :)

Подпишитесь на обновления блога

Получить в подарок мини-книги и 21-дневный тренинг по личностному росту.

Подписаться на рассылку «Инструменты Интернет для онлайн бизнеса»

Поделиться ссылкой:


Комментарии:

10.07.2010 15:09:28

А ведь эта хрень на коже сидит, волоски торчат. Только сейчас понял.
Честно говоря, старые работы мне у него больше нравятся, они уютнее гораздо, душевней.

10.07.2010 15:15:59

Тормоз, а мне что-то мрачные нравятся. Я и сам рисовал карандашом в юношестве. Жуткие были картиночки :) Жаль, что забросил с тотальным уходом в инет.

10.07.2010 19:46:21
#3 okip

Замечательный рисунок - прямо красота в непонятном насекомом:)

10.07.2010 20:01:33

Для тех кто разбирается в HTML-вёрстке редактор неплохой, спасибо, сам использую во всех проектах WYIWYG CKEditor (бывший FCKEditor) - много перепробовали, он достаточно адекватный и не очень тяжелый.

10.07.2010 23:57:40
#5 Дмитрий

Жуть какая.. это каким извращенцем нужно быть, что бы такие картины придумывать? Хотя, говорят, что все гении бывают немножко не в себе...

11.07.2010 00:31:39
#6 Miuka

а я дримвивером пользуюсь для форматирования...

11.07.2010 01:05:03

Дмитрий, лучше быть настоящим извращенцем, чем спамить в комментариях всякие говносайты.

11.07.2010 08:43:30

А мне тоже рисунок понравился..
вообще люблю сюр.

и дизайн мне нравится..
особенного левая боковая панель с твиттером и рсс.

прощу прощения что немного не в тему.

11.07.2010 09:09:17
#9 Сергей

Да мне вроде нотепэда ++ хватает)

11.07.2010 18:58:15
#10 Андрей

Спасибо за редактор! Пригодится

12.07.2010 04:57:30
#11 n.p

Спасибо, скопирую в блокнотик.

12.07.2010 17:42:54
#12 Константин

Дримвивер очень хороший + блокноt ++
Кстати, автор у вас на сайте красивый hint. Можете исходник светануть, если не жалко?

13.07.2010 07:52:30
#13 Evgeniy

А чё, неплохой редактор!

13.07.2010 09:01:39

Всю жизнь писал посты в vim. Я наверное слишком привык к нему. Как бы не была удобна админка для написания постов, в vim это почему-то оказывается удобнее. И публиковать, кстати, можно тоже через него =)

13.07.2010 10:04:02

emofars, попался! :-) Напомни, пожалуйста, что надо прописать в настройках, чтобы вся строка под курсором подсвечивалась. И ещё вопрос: можно ли сделать, чтобы если нажимаешь влево у начала строки, курсор переходил бы в конец предыдущей?

13.07.2010 14:52:08

Очень даже удобный редактор! Минус то что нужно немного пределать его!

13.07.2010 15:36:39

Надо будет обязательно воспользоваться данным редактором, спасибо за наводку

13.07.2010 16:07:45
#18 hiza

Удобно.Спасибо

13.07.2010 19:21:56

Fuzaylov, что именно переделать?

13.07.2010 22:32:12
#20 Агата

Картинка хороша-)
А в качестве редактора всегда пользую что-то на подобие винды. Вот только из экселя таблицы переносит не ровно. Интересно, у Вас такой проблемы не возникало?

14.07.2010 04:58:42

Случайно наткнулся на Ваш блог и мне он очень понравился, подписываюсь однозначно.

14.07.2010 09:05:51
#22 Артём

А что бесплатной версии проги нет? а то что то за деньги нехочется

14.07.2010 09:22:40

«Случайно наткнулся на Ваш блог и мне он очень понравился, подписываюсь однозначно». Вадим, ты бы уникализировал как-то тексты комментариев чё ли...

14.07.2010 12:37:53
#24 Azart

Отличная картинка, но по моему она ни о чем!

14.07.2010 14:10:59

Круть, как раз подыскиваю себе не WYSIWYG-редактор :) Пока остановился нв Quicktags. Теперь надо будет глянуть на этот :)

14.07.2010 16:58:19
#26 Сергей

Привет всем! Я что-то вообще не понимаю кто про что говорит, одни про спам, другие про редактор, третьи про картинку, оные про «случайно наткнулся...», может я не те сигареты курю, или я- тормоз, а не «Тормоз» (не претендую на бренд). Можно как-то по делу? Блог то интересный, какого кляпа гадить?

14.07.2010 17:00:44

Довольно смешно, когда спамеры ещё и задираются :-)

14.07.2010 17:28:43

Сергей, вот ещё неплохой вроде markiUp. Для любителей jQuery.

Тормоз, всякое бывает :)

14.07.2010 18:00:35
#29 Сергей

Я не спамлю, я просто захожу здесь почитать, нельзя? Ссылки то все равно только с СДЛ прокатывают, так что только читаю.

14.07.2010 18:40:22

Спасибо! Думаю, ознакомлюсь как-нибудь, может где пригодится =)
Хотя все равно предпочитаю визивиги

14.07.2010 18:46:46

Пользуюсь WYSIWYG, хотя ищу замену может с вашей помощью найду.

14.07.2010 23:13:42
#32 DaZe

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

15.07.2010 07:39:56
#33 osstudio

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

15.07.2010 08:58:48

ФаГ..
я думал, что я один на картинку повёлся...
прочитал комменты и понял, что нет :D :D :D

15.07.2010 14:17:15
#35 left

Надо будет глянуть на этот редактор.

15.07.2010 16:00:10

Не знаю какую валюту принимает йорка, но если перевести статью на английский и привязать 2checkout принимающий практически все виды оплаты от дебетовой карты до paypal. Можно неплохо заработать. В буржнете думаю больше покупок будет, нежели халящиков. Если чекаут к йорке не прикручен, помоему его несложно прикрутить, готовые скрипты оплаты чекаута уже есть.

15.07.2010 22:00:10
#37 Abiron

Удобная программа. Спасибо.

16.07.2010 23:23:10
#38 fretka

Программка что надо! :)

17.07.2010 06:25:02

Тормоз,

По поводу первого:

set cursorline в .vimrc

Насчёт второго не знаю, даже никогда не задумывался над этим..

18.07.2010 01:12:32
#40 CSRedRat

notepad++ вполне хватает для таких манипуляций

18.07.2010 02:05:54

CSRedRat, Notepad++ немного для других задач ;)

18.07.2010 11:48:36
#42 Димон

К сожадению это не визуальный редактор. Я в свои админки ставлю тинМС. Хотя и не люблю визуальные но люди к сожалению не все владеют навыками разметки ручками.

18.07.2010 12:36:27
#43 Альтлист

Неплохая прога, но Ноттепад круче))

19.07.2010 15:49:45

А я марафончик закончил :-)
http://brokenbrake.biz/2010/07/19/Yerka-Mara

20.07.2010 19:41:20

Привет.

Искренне рад, что ты наконец-то пошел учиться (я про эти мега-курсы). Не знаю, насколько они действительно круты, но лишними уж точно не будут.

Вижу скрипт слегка обновился, но недочеты предыдущего варианта все еще сохранились. Защита загрузки файлов паролем - это более-менее надежно лишь в том случае, если загрузка разрешена только одному надежному человеку. Если же таких пользователей несколько, то... ну ты и сам в курсе. В общем, если желаешь обсудить эту тему, пиши в мыло.

Еще раз поздравляю с мудрым решением о пополнении багажа знаний. Если вдруг появятся вопросы - пиши, может чем помогу.

20.07.2010 19:51:27

fit-media.com,
Искренне рад, что ты наконец-то пошел учиться (я про эти мега-курсы). Не знаю, насколько они действительно круты, но лишними уж точно не будут.
Вообще я давно учусь :) Просто за программинг наконец взялся в плотную. Раньше была вёрстка и другие нюансы.

А на счёт «крутости» курсов, то они действительно хороши.

Защита загрузки файлов паролем - это более-менее надежно лишь в том случае, если загрузка разрешена только одному надежному человеку.
Это и предполагается. Редактор предназначается для своих небольших проектов. Если будет желание и потребность, доработаю до серьёзного функционала.

Если вдруг появятся вопросы - пиши, может чем помогу.
Спасибо за предложение. Если что, напишу. Сейчас активно общаюсь с сокурсниками и учителями.

21.07.2010 07:42:49
#47 Уточки

А как он работает с таблицами? Прям наболевшая проблема для редакторов, подобного рода.

23.07.2010 10:51:44
#48 smailaqua

Не знаю, я всегда обычным блокнотам пользуюсь. Дешево и сердито!

23.07.2010 12:53:26
#49 Deni

Пользуюсь TinyMCE и очень доволен!

23.07.2010 15:04:02
#50 Дмитрий Петров

Не плохо, спасибо! Благодарен!

24.07.2010 05:04:25
#51 alan

Яцека Йерки - убило нафиг%)))) За статью спасибо)

29.07.2010 13:48:29
#52 Brandon

Картина супер)
По теме: давно пользуюсь этим редактором. Довольно добротный.

02.08.2010 17:31:35
#53 Здоровяк

Не ощущал надобности в данной софтине пока что, а там - кто знает :)

02.08.2010 23:38:47
#54 vancho81

А на DLE будет работать?

03.08.2010 09:02:02

vancho81, почему бы нет? :)

03.08.2010 09:21:54

вот, давно искал.. спасибо огромное.. самое главное - он реально прост в использовании )) ура)

04.08.2010 07:47:39
#57 igor

МЕГА редактор, сам использую и очень рад. Все удобно и просто .

04.08.2010 20:21:46

Очень удобно когда в редакторе кода есть разноплановая подсветка. Спасибо. Надеюсь проект не забросите и будите расширять функциональные возможности редактора!

06.08.2010 05:42:22

Провал на Drupal - не плохой редактор, проверенный- согласен.

07.08.2010 13:13:21
#60 maika

Обычно работаю с Joomla там рулит JCE, у него всё есть а установка ещё проще )

07.08.2010 15:36:45
#61 YuraLmkh186

Нормальный редактор

07.08.2010 16:29:19
#62 Zamaiev

Ниче пойдет, удобно

07.08.2010 19:00:29
#63 Anatoliz

Чёт сложноват он помоему, этот редактор. Народ хочет чавонить простенького :)

09.08.2010 16:16:21

Неплохой редактор кто любит все руками доделывать, при достаточном умении намного чище получается код чем после WYSIWYG..
Как раз сейчас экспериментирую с Drupal, все пробую настроить под себя, а тут натолкнулся на BUEditor, ставлю и буду побывать что получится.

09.08.2010 17:42:01

Я по старинке пользуюсь дримвивером, а твоим редактором тоже когда то пользовался

10.08.2010 07:43:26

Да жаль моих знаний для этого редактора маловато. А так бы испытал.

12.08.2010 10:55:35

Мне в вордпрессе WYSIWYG редактора хватает, проблема только с таблицами ( код надо писать вручную). Кстати как у BUEditor с этим ?

16.08.2010 10:31:35
#68 Jeka

Полезный редактор давно его использую, спасибо вам за пост)

16.08.2010 13:01:29
#69 Seodva

Notepad++ хорошая весчь :) Пробывал ваш тоже не плох =)

17.08.2010 04:42:53

Спасибо. Надо будет попробовать.

17.08.2010 09:01:53

Картинка - Оо «не понятно». По редактору сказать ничего не могу, но визуальные редакторы, как правильно подметил автор - сильно засоряют код.

18.08.2010 14:34:24
#72 Mironov

хм, а это действительно работает ?

18.08.2010 21:08:29
#73 Иван

Для редактирования html документов пользуюсь HTML Reader - простой и удобный редактор. У BUEditor функционал, конечно, побольше.
Картинка какая-то непонятная.

20.08.2010 00:21:43

а мне ненравится почемуто незнаю может я неправ но на вкус и цвет товарищей нет

20.08.2010 09:52:38
#75 Andrey

я пользуюсь notepad++
хорошая, простая программа

22.08.2010 10:11:29
#76 Артем

Хоть я и пользуюсь notepad ++ но с этой тоже поэкспериментирую.

22.08.2010 16:29:33
#77 dimaziz

В принципе неплохой редактор, но давно юзаю notepad

23.08.2010 10:04:02
#78 Юрий

Не пробовал юзать этот редактор!
Но с удовольствием пользуюсь WDS2 (Web development studio) - очень удобная прога занимает места 5 мб, а очень удобная: вкладочная структура, синтаксис подсвечивает; подсказывает, какие теги можно юзнуть и т.д. (и поддерживает не только хтмл, а и php, perl, java, xml, js, vbs, JS, vrml....)

23.08.2010 14:21:11
#79 techno

Довольно не плохой редактор

23.08.2010 20:04:07
#80 Рома

неплохая штука, пригодиться

24.08.2010 16:34:03

спасибо! может, воспользуюсь

28.08.2010 09:30:30
#82 DanElectro

Интересная програмка, надо ее найти

29.08.2010 17:28:57
#83 Алена

BuEditor - прекрасная вещь для тех кто понимает, что означают символы в значках <>. Однако, многих это просто пугает. Поэтому, пекрасным выбором под drupal будет редактор FCKEditor.

29.08.2010 18:32:07
#84 Generic

Фу, какая мерзость на картине(

29.08.2010 18:46:22
#85 Татьяна

Отличная программа.
Спасибо за находку.
Теперь пользуюсь только ей.

01.09.2010 07:27:45
#86 Nnpcto

Классно еще то, что оригинально, ни на что не похоже и самое главное аккуратно! Летучий киборг просто какой-то и фантазия автора видимо, способна на многое. Хотелось бы просмотреть все работы. Если можно скиньте, пожалуйста, ссылочку с авторскими работами на мое мыло.
Заранее спасибо!

01.09.2010 18:05:48
#87 Def

Сергей,
А это нормально. Просто надо иметь древовидную структуру комментов, тогда не будем путаться в них. Кто кому чего ответил.

05.09.2010 15:41:57
#88 Елена

Редактор неплохой но я привыкла пользоваться другим по старинке.

18.09.2010 14:43:22

Картинка жесть. У создателя с воображением проблем нет.

28.09.2010 17:07:22
#90 rocketboy

Нормальный редактор, но и не зе бест 100%.
ЗЫ, Картинка больше понравилась ))

16.11.2010 06:56:58
#91 Raduga

Полезная щтучка. Создателю респект.

02.12.2010 07:09:52

Редактор хороший. Особенно тем, кому стандартные уже проелись.
А Яцек как всегда на высоте. Отличный художник, хотя и не всегда понятный.

26.12.2010 10:18:00
#93 Сергей

Отличный редактор и очень полезный!

26.01.2011 04:15:19

Мда, опасная Хрень на картине. Может и до почек добраться..
А редактор суперррр

29.01.2011 13:54:54
#95 Стас

Я пользуюсь Codelobster PHP Edition (http://www.codelobster.com)
Это бесплатный мощный HTML редактор, на мой взгляд лучший из того что сейчас есть.

21.02.2011 17:50:09
#96 Олег

Довольно неплохой редактор. Сам когда-то пользовался, но есть один минус. Он не поддерживает работу с таблицами, хотя потребности в этом большой нет. Большим плюсом является его компактность.

28.02.2011 11:54:56
#97 Даня

Действительно простенький.
Сам обычно дримвьювер юзаю, ну а когда нечего нету под рукой, то и блокнот сойдет :)

19.03.2011 07:30:58
#98 bivomax

BUEditor хорош в Drupal для ввода комментариев.

27.03.2011 14:07:59
#99 Татьяна

Доброго дня!

А подскажите ,пожалуйста, как интегрировать http://ufku.com/drupal/bueditor/contributions/quick-table в вашу версию buEditor. C js, к сожалению, плоховато, поэтому никак не могу сообразить.... Код есть, но работать отказывается :)

12.04.2011 13:59:32

а под ubuntu он есть??

26.04.2011 05:47:27
#101 Андрей

На одном из сайтов на drupal-ее использую этот модуль, он действительно очень хорош и прост в использований.

30.04.2011 21:25:04

А под лайтпублишер подойдет?
А то у меня блог на «блоголете», но с редактором там проблемы...

15.05.2011 16:02:39
#103 ivan 96

Да редактор не плохой и дизайн вроде ничего.

16.05.2011 18:48:52

Ранние работы куда красивее.
Ну это моё мнение.
А вот ещё вопрос, почему слова с буквой Ё подсвечиваются как ошибочные?

26.05.2011 16:30:05
#105 PashWM

В данном редакторе удивил столь маленький размер и функция предосмотра, думаю данный софт сойдёт как для новичков, так и для профессиональных веб-мастеров.

14.07.2011 06:20:36
#106 Ivan

Автор, вы, конечно, не обижайтесь, но кто будет покупать ваш скрипт, если очень много аналогов? Хотя, возможно, кто-то и купит, но мне кажется, что сейчас эра free software.

14.07.2011 06:22:35

Ivan, цена свободная. Можете просто скачать :)

19.07.2011 22:41:37
#108 yurcheHk0

что то ссылка с партнеркой не открывается..

08.08.2011 14:58:16

Ну и картина), действительно познавательно..

08.09.2011 09:12:03

BUEditor хороший редактор, как то привык к другому, но все же спасибо, нужно попробовать.

05.10.2011 05:57:45
#111 boomrest

Подскажите мануал, как сделать такой HTML редактор, да с возможностью переключения на WYSIWYG, самому. Может кто встречал где, почитать...
Спасибо

23.10.2011 19:27:21

Надо попробовать. Я тоже обычно пользуюсь Dreamweaver, но он реально очень тяжелый. Для большинства задач такие возможности не нужны.

26.10.2011 08:05:23

Я предпочитаю использовать CKEditor

01.11.2011 16:38:47

Интересный редактор, пожалуй попользуюсь.

03.11.2011 14:28:00
#115 анонимус

Я вебкодером пользуюсь, дримвеве и еще парочкой

10.11.2011 11:37:36
#116 Светлана

прикольно, но мне и gedit’a хватает :)

16.11.2011 07:17:40
#117 Бабай

Нет? много говорят, а как установить то? ни слова. Хотел поставить себе.

30.11.2011 19:31:08
#118 Виталий

скачать то я скачал, а вот с установкой получились небольшие проблемы. а вообще программа полезная, спасибо :) осталось разобраться с установкой

08.12.2011 02:16:04

Как ее себе поставить много разговоров а толку

22.12.2011 18:32:48
#120 Андрей

Аналогично. Возникли проблемы с установкой. Помогите разобраться

06.01.2012 22:04:14
#121 PUYA

Отличный редактор! То что нужно! Как с друпала переехал на самопис давно искал такой. А все визивиги - унылое говно. Код превращается в каловые массы. Как ими блондинко пользуются не пойму. Спасибо мастеру/автору, щас буду привинчивать на самопис. А иллюстрация конечно превосходная, в Восточной Европе вообще талантливые художники-сюрреалисты, да и в южной (С. Дали, например).

16.03.2012 19:06:39
#122 lex

notepad++ рулит, никогда редакторами не пользовался хотя, сколько себя помню, то же веб-программист

17.03.2012 12:32:50
#123 алексей

спасибо , за програмку, скачал мне понравилась ,буду пользоваться

08.04.2012 09:53:59
#124 naperon

Пока плюсы неоднозначны
На момент пользуюсь НоутПад ++
(гы-гы «плюсы не однозначны» и «++»)
но я думаю, понятно, что сказать хотел :)

01.07.2012 15:28:17

Спасибо, попробуем этот редактор

07.08.2012 16:08:03
#126 Pander

Очень удобный. Уже пользуюсь больше месяца. Очень доволен

13.12.2012 19:15:10

Да редактор неплохой попробую его к своему псевдо-wp прикрутить, правда там возьни много будет, ну да все равно админку делать придется как ни крути. А вообще интересный сайт, случайно сюда забрел буду еще приходить.

11.01.2013 06:12:42

предпочтаю пользовать дримиеером, но иногда сильно грузит комп, особо ощутимо когда открыто много программ.. для незнакчительных корректировок пользуюсь нотепэда ++

13.02.2013 07:01:24

а есть проверка закрывающих скобок? бывает очень полезно

23.10.2013 18:17:33

Думаю стоит попробовать, а то в вордпрессе не очень хороший редактор.

11.07.2014 10:52:01
#131 Сергей

В качестве дополнения к выше сказанному, CSS3 border-radius генератор, может кому будет интересен: http://finego.ru/tools/border-radius-generator

11.03.2015 23:42:42
#132 гоша

ссылки битые. (

09.04.2016 10:26:57

.Да редактор BUEditor очень даже неплохой,но надо немного пошевелить мозгами,кто разбирается в HTML.Для меня все новое всегда интересно.

Оставьте комментарий [форматирование]

Пожалуйста, воздержитесь от спама и идиотских высказываний. Жёсткая модерация. Ссылки закрыты атрибутом nofollow, а значит не несут пользы для продвижения!
Ссылки на всё кроме личных блогов и тематических блогов, сходных по тематике с данным, вырезаются.



Мой RSS фид