BUEditor – простой редактор html тегов для любого сайта
Сегодня я решил вытащить из под полы свою небольшую разработку. Давненько я уже озадачился выбором html редактора для своих админок и мой выбор пал на BUEditor. Да, это именно модуль для CMS Drupal.
Однако его можно и нужно использовать где угодно. Конечно при наличии прямых рук и извилин в голове. Кстати, этот пост я пишу в BUEditor.
Однако редактор имел и досадные минусы. Например, не имел централизированных конфигов, не умел загружать файлы на сервер, не имел универсальности. Я немного поработал над функциональностью, отбросил лишнее и добавил необходимое.
Главные достоинства скрипта:
- простая интеграция (требуется загрузить скрипты на сервер и прописать несколько строк настроек)
- малый размер (35 килобайт с картинками в архиве)
- повышенная поддатливость к изменениям (кнопки можно настраивать как угодно)
- умение загрузить изображения и файлы на сервер (загрузка дополнительно защищена паролем)
- функции помощи и предпросмотра (это удобно)
В базовой комплектации идёт довольно большой набор кнопок, а также пару очень полезных функций: Предпросмотр и Помощь. Если вдруг вы забудете назначение кнопочек своего редактора, он с радостью напомнит вам эту важную информацию. А если захочется глянуть одним глазком на результат своих стараний, в этом поможет функция Предпросмотр.
Редактор умеет не только вставлять любой код и обрамлять код тегами, но и обрамлять несколько элементов сразу. Например, умеет оборачивать кодом списки.
Также очень радует, что набор кнопок полностью зависит от владельца сайта/блога, куда вы устанавливаете редактор. Например, у вас есть особый класс для первого абзаца. Вы легко сможете задать кнопке функцию вставки <p class="first">текст</p> и больше не заниматься писаниной классов вручную.
Ещё один вариант использования редактора – задание кнопкам разных шаблонов. Например, у вас разные разделы сайта/блога имеют разные шаблоны оформления или просто представления информации. Так вот. Такой редактор запросто выплюнет по клику вам этот самый шаблон. Если говорить проще – любая комбинация тегов и текста отныне вам подвластна. Плюс к тому, он ещё и javascript умеет исполнять.
Использовать или нет данную тулзу решать конечно вам, но лично я буду и в дальнейшем им пользоваться. Думаю, во всех скриптах, к которым я приложу руку в ближайшее время, можно будет лицезреть эти кнопочки.
Кому не подойдёт этот скрипт
Тем, кто привык к визуальным редакторам WYSIWYG. А чем же они плохи? Такие редакторы хоть и якобы удобные, но сильно засоряют код, тормозят, а часто вообще вставляют тарабарщину.
Где взять редактор
Всё очень просто. Сегодня Тормоз анонсировал свой новый движок свободных цен Yerka и я решил опробовать его в деле. Так вот.
Редактор можно купить по любой цене или же вообще скачать бесплатно здесь. Там же есть и демонстрация.
Ещё пару слов по поводу скрипта
Скрипт я адаптировал уже давно. Код не очень красив, но скрипт работает. Сейчас, после прохождения различных обучающих курсов по PHP, я имею немало представлений по его улучшению. Ежели будут не только халявщики, но и покупатели, то редактор ждут полезные обновления.
Например, возможность изменять размеры загружаемого изображения, переворачивать его, накладывать водяной знак, более удобная вставка ссылок и картинок, более удобная загрузка и прочее-прочее. И конечно же рефакторинг и оптимизация.
Познавательно
Скрипт магазина назван в честь талантливого современного художника Яцека Йерки. Ниже вы можете лицезреть одну из его картин.

Сегодня обойдёмся без постовых :)
Поделиться ссылкой:
Комментарии:
Для тех кто разбирается в HTML-вёрстке редактор неплохой, спасибо, сам использую во всех проектах WYIWYG CKEditor (бывший FCKEditor) - много перепробовали, он достаточно адекватный и не очень тяжелый.
Жуть какая.. это каким извращенцем нужно быть, что бы такие картины придумывать? Хотя, говорят, что все гении бывают немножко не в себе...
А мне тоже рисунок понравился..
вообще люблю сюр.
и дизайн мне нравится..
особенного левая боковая панель с твиттером и рсс.
прощу прощения что немного не в тему.
Дримвивер очень хороший + блокноt ++
Кстати, автор у вас на сайте красивый hint. Можете исходник светануть, если не жалко?
Всю жизнь писал посты в vim. Я наверное слишком привык к нему. Как бы не была удобна админка для написания постов, в vim это почему-то оказывается удобнее. И публиковать, кстати, можно тоже через него =)
Очень даже удобный редактор! Минус то что нужно немного пределать его!
Надо будет обязательно воспользоваться данным редактором, спасибо за наводку
Картинка хороша-)
А в качестве редактора всегда пользую что-то на подобие винды. Вот только из экселя таблицы переносит не ровно. Интересно, у Вас такой проблемы не возникало?
Случайно наткнулся на Ваш блог и мне он очень понравился, подписываюсь однозначно.
«Случайно наткнулся на Ваш блог и мне он очень понравился, подписываюсь однозначно». Вадим, ты бы уникализировал как-то тексты комментариев чё ли...
Круть, как раз подыскиваю себе не WYSIWYG-редактор :) Пока остановился нв Quicktags. Теперь надо будет глянуть на этот :)
Привет всем! Я что-то вообще не понимаю кто про что говорит, одни про спам, другие про редактор, третьи про картинку, оные про «случайно наткнулся...», может я не те сигареты курю, или я- тормоз, а не «Тормоз» (не претендую на бренд). Можно как-то по делу? Блог то интересный, какого кляпа гадить?
Я не спамлю, я просто захожу здесь почитать, нельзя? Ссылки то все равно только с СДЛ прокатывают, так что только читаю.
Спасибо! Думаю, ознакомлюсь как-нибудь, может где пригодится =)
Хотя все равно предпочитаю визивиги
Пользуюсь WYSIWYG, хотя ищу замену может с вашей помощью найду.
наткнулась тут на рисунок. талантливо монстрик изображен, подкинул идейку для одного дизайна.
ФаГ..
я думал, что я один на картинку повёлся...
прочитал комменты и понял, что нет :D :D :D
Не знаю какую валюту принимает йорка, но если перевести статью на английский и привязать 2checkout принимающий практически все виды оплаты от дебетовой карты до paypal. Можно неплохо заработать. В буржнете думаю больше покупок будет, нежели халящиков. Если чекаут к йорке не прикручен, помоему его несложно прикрутить, готовые скрипты оплаты чекаута уже есть.
К сожадению это не визуальный редактор. Я в свои админки ставлю тинМС. Хотя и не люблю визуальные но люди к сожалению не все владеют навыками разметки ручками.
А я марафончик закончил :-)
http://brokenbrake.biz/2010/07/19/Yerka-Mara
Привет.
Искренне рад, что ты наконец-то пошел учиться (я про эти мега-курсы). Не знаю, насколько они действительно круты, но лишними уж точно не будут.
Вижу скрипт слегка обновился, но недочеты предыдущего варианта все еще сохранились. Защита загрузки файлов паролем - это более-менее надежно лишь в том случае, если загрузка разрешена только одному надежному человеку. Если же таких пользователей несколько, то... ну ты и сам в курсе. В общем, если желаешь обсудить эту тему, пиши в мыло.
Еще раз поздравляю с мудрым решением о пополнении багажа знаний. Если вдруг появятся вопросы - пиши, может чем помогу.
А как он работает с таблицами? Прям наболевшая проблема для редакторов, подобного рода.
Картина супер)
По теме: давно пользуюсь этим редактором. Довольно добротный.
Не ощущал надобности в данной софтине пока что, а там - кто знает :)
вот, давно искал.. спасибо огромное.. самое главное - он реально прост в использовании )) ура)
Очень удобно когда в редакторе кода есть разноплановая подсветка. Спасибо. Надеюсь проект не забросите и будите расширять функциональные возможности редактора!
Провал на Drupal - не плохой редактор, проверенный- согласен.
Обычно работаю с Joomla там рулит JCE, у него всё есть а установка ещё проще )
Чёт сложноват он помоему, этот редактор. Народ хочет чавонить простенького :)
Неплохой редактор кто любит все руками доделывать, при достаточном умении намного чище получается код чем после WYSIWYG..
Как раз сейчас экспериментирую с Drupal, все пробую настроить под себя, а тут натолкнулся на BUEditor, ставлю и буду побывать что получится.
Я по старинке пользуюсь дримвивером, а твоим редактором тоже когда то пользовался
Да жаль моих знаний для этого редактора маловато. А так бы испытал.
Мне в вордпрессе WYSIWYG редактора хватает, проблема только с таблицами ( код надо писать вручную). Кстати как у BUEditor с этим ?
Картинка - Оо «не понятно». По редактору сказать ничего не могу, но визуальные редакторы, как правильно подметил автор - сильно засоряют код.
Для редактирования html документов пользуюсь HTML Reader - простой и удобный редактор. У BUEditor функционал, конечно, побольше.
Картинка какая-то непонятная.
а мне ненравится почемуто незнаю может я неправ но на вкус и цвет товарищей нет
Не пробовал юзать этот редактор!
Но с удовольствием пользуюсь WDS2 (Web development studio) - очень удобная прога занимает места 5 мб, а очень удобная: вкладочная структура, синтаксис подсвечивает; подсказывает, какие теги можно юзнуть и т.д. (и поддерживает не только хтмл, а и php, perl, java, xml, js, vbs, JS, vrml....)
BuEditor - прекрасная вещь для тех кто понимает, что означают символы в значках <>. Однако, многих это просто пугает. Поэтому, пекрасным выбором под drupal будет редактор FCKEditor.
Классно еще то, что оригинально, ни на что не похоже и самое главное аккуратно! Летучий киборг просто какой-то и фантазия автора видимо, способна на многое. Хотелось бы просмотреть все работы. Если можно скиньте, пожалуйста, ссылочку с авторскими работами на мое мыло.
Заранее спасибо!
Нормальный редактор, но и не зе бест 100%.
ЗЫ, Картинка больше понравилась ))
Редактор хороший. Особенно тем, кому стандартные уже проелись.
А Яцек как всегда на высоте. Отличный художник, хотя и не всегда понятный.
Мда, опасная Хрень на картине. Может и до почек добраться..
А редактор суперррр
Я пользуюсь Codelobster PHP Edition (http://www.codelobster.com)
Это бесплатный мощный HTML редактор, на мой взгляд лучший из того что сейчас есть.
Довольно неплохой редактор. Сам когда-то пользовался, но есть один минус. Он не поддерживает работу с таблицами, хотя потребности в этом большой нет. Большим плюсом является его компактность.
Действительно простенький.
Сам обычно дримвьювер юзаю, ну а когда нечего нету под рукой, то и блокнот сойдет :)
Доброго дня!
А подскажите ,пожалуйста, как интегрировать http://ufku.com/drupal/bueditor/contributions/quick-table в вашу версию buEditor. C js, к сожалению, плоховато, поэтому никак не могу сообразить.... Код есть, но работать отказывается :)
На одном из сайтов на drupal-ее использую этот модуль, он действительно очень хорош и прост в использований.
А под лайтпублишер подойдет?
А то у меня блог на «блоголете», но с редактором там проблемы...
Ранние работы куда красивее.
Ну это моё мнение.
А вот ещё вопрос, почему слова с буквой Ё подсвечиваются как ошибочные?
В данном редакторе удивил столь маленький размер и функция предосмотра, думаю данный софт сойдёт как для новичков, так и для профессиональных веб-мастеров.
Автор, вы, конечно, не обижайтесь, но кто будет покупать ваш скрипт, если очень много аналогов? Хотя, возможно, кто-то и купит, но мне кажется, что сейчас эра free software.
BUEditor хороший редактор, как то привык к другому, но все же спасибо, нужно попробовать.
Подскажите мануал, как сделать такой HTML редактор, да с возможностью переключения на WYSIWYG, самому. Может кто встречал где, почитать...
Спасибо
Надо попробовать. Я тоже обычно пользуюсь Dreamweaver, но он реально очень тяжелый. Для большинства задач такие возможности не нужны.
Нет? много говорят, а как установить то? ни слова. Хотел поставить себе.
скачать то я скачал, а вот с установкой получились небольшие проблемы. а вообще программа полезная, спасибо :) осталось разобраться с установкой
Отличный редактор! То что нужно! Как с друпала переехал на самопис давно искал такой. А все визивиги - унылое говно. Код превращается в каловые массы. Как ими блондинко пользуются не пойму. Спасибо мастеру/автору, щас буду привинчивать на самопис. А иллюстрация конечно превосходная, в Восточной Европе вообще талантливые художники-сюрреалисты, да и в южной (С. Дали, например).
notepad++ рулит, никогда редакторами не пользовался хотя, сколько себя помню, то же веб-программист
Пока плюсы неоднозначны
На момент пользуюсь НоутПад ++
(гы-гы «плюсы не однозначны» и «++»)
но я думаю, понятно, что сказать хотел :)
Да редактор неплохой попробую его к своему псевдо-wp прикрутить, правда там возьни много будет, ну да все равно админку делать придется как ни крути. А вообще интересный сайт, случайно сюда забрел буду еще приходить.
предпочтаю пользовать дримиеером, но иногда сильно грузит комп, особо ощутимо когда открыто много программ.. для незнакчительных корректировок пользуюсь нотепэда ++
Думаю стоит попробовать, а то в вордпрессе не очень хороший редактор.
В качестве дополнения к выше сказанному, CSS3 border-radius генератор, может кому будет интересен: http://finego.ru/tools/border-radius-generator
.Да редактор BUEditor очень даже неплохой,но надо немного пошевелить мозгами,кто разбирается в HTML.Для меня все новое всегда интересно.
А ведь эта хрень на коже сидит, волоски торчат. Только сейчас понял.
Честно говоря, старые работы мне у него больше нравятся, они уютнее гораздо, душевней.