Модуль BUEditor
Просто очень хороший модуль [url=http://drupal.org/project/bueditor]BUEditor[/url] позволяет самому задавать теги, которые нужны. Например, кроме вставки изображений и ссылок, он позволяет неограниченно добавлять любые другие теги и при этом это не WYSIWYG-редактор, а просто модуль, который добавляет к текстовым полям бар любой сложности.
Кроме этого, у него есть ещё права доступа, которые можно настроить. Можно создать разные бары форматирования для разных ролей, в том числе ограничить по степени доступности (как в блоках: от -10 до 10). Вместе с модулем IMCE они составляют отличную пару.
Дополнено (от 15.05.2007):
Вышла стабильная версия, из самых значительных изменений (на мой взгляд) - это упрощённое добавление кнопок. Можете [url=http://ufku.com/drupal/bueditor/demo]потестировать[/url]...
- Блог
- Войдите или зарегистрируйтесь, чтобы отправлять комментарии
Комментарии
Спасибо, в WiKi бы добавить такие порывы души
==================
Дайте WiKi людям
Счас , дайте мне немного времени : )
Будет переведен.
да для меня самого - этот модуль находка... есть же люди, которые могут подобное придумать... уважаю, скромно, но у автора два самых интересных модуля...
хм... какая интересная штука! спасибо, ща потестируем
хм, теги в смысле html теги? или я чего то не понимаю
Перевод готов.
---
---
All content management systems suck, Drupal just happens to suck less. -- Boris Mann at DrupalCON Amsterdam, August 2005.
>Перевод готов.
Спасибо. Кстати, я заинтересовался двумя этими модулями, как раз с вашего упоминания об IMCE, получается, что невольно опередил.
Угу, очень удобные и просто даже необходимые модули, особенно IMCE. Удивительно, что раньше ничего такого не было, а потом пришел какой-то парень, и все сделал
---
---
All content management systems suck, Drupal just happens to suck less. -- Boris Mann at DrupalCON Amsterdam, August 2005.
наверное какой-то неизвестный гений-програмист, который внезапно заинтересовался Друпалом. Потому что, как ни странно (странно, потому что это правило для всех остальных вещей) эти модули работают абсолютно аналогично во всех трёх самых популярных браузерах, что меня, как пользователя Оперы не может не радовать...
"хм, теги в смысле html теги? или я чего то не понимаю"
Любые теги... можно BBCode, Wiki-форматирование не пробовал, но почему нет? Если в фильтрах нет запрета, то всё должно работать...
Это первый модуль, который я на свой друпал поставил
Благодаря ему даже всякие Smileys не нужны. И вобще, отличная вещь!
Спасибо за перевод!
В чем может быть дело?
)
ВитичЪ
Поставил эти 2 замечательных модуля, картинки аплоадятся, но...
не вставляются в строку урла картинки.
При этом можно перетащить мышкой в эту строку, но ссылка получается:
Долина Drupal - украинская и русская локализация
Сорри, на пятерке все работает.
---
---
All content management systems suck, Drupal just happens to suck less. -- Boris Mann at DrupalCON Amsterdam, August 2005.
да, также пятая версия... советую идти в ногу со временем, многих проблем не будет...
[url=http://wiki.drupal.ru/doc/modul_bueditor] тут [/url]
======================================================
Ссылки на:[url=http://drupal.ru/node/4210]Дизайн[/url],[url=http://drupal.ru/node/4207]Документацию[/url],[url=http://drupal.ru/node/3983]Переводы[/url].Тестируем [url=http://wiki.drupal.ru]WiKi[/url]
PVasili, Прикрепи уже заодно и перевод.
- - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - -
Переводы некоторых модулей.
All content management systems suck, Drupal just happens to suck less. -- Boris Mann at DrupalCON Amsterdam, August 2005.
Пока не понятно где будут точно, вроде как на translane.drupal.ru хотели
Хотя, может так и удобнее. Переделаю со временем...
Что то неактивно как то народ(все заняты видать)
Кстати заказы на новые переводы поступили, ты уже видела :).
======================================================
Ссылки на:[url=http://drupal.ru/node/4210]Дизайн[/url],[url=http://drupal.ru/node/4207]Документацию[/url],[url=http://drupal.ru/node/3983]Переводы[/url].Тестируем [url=http://wiki.drupal.ru]WiKi[/url]
а подскажите, пожалуйста, глупому мне, какой код вставить\ или хоть скажите где почитать можно про нужный мне код.
Нужно сделать кнопки форматирования текста по_левому_краю - центр - по_правому_краю, а также (или даже важнее) - можно ли сюда повесить тег, делающий обтекание текста вокруг картинки?
в BBCode - это теги left right и center, а также float (теги в квадратных скобках)...
сюда можно наверное, но не в комментариях... к тому же, нужно, чтобы на изображения были ссылки в самом документе, их вставляет IMCE, например... Img_assist и тд...
с left right и center разобрался с помощью друга методом дивов
так что спасибо, этот вопрос снимается.
у меня стоит связка BUEditor + IMCE. С их помощью вставляю картинку в документ. Как прописать настройки, чтобы текст обтекал картинку?
А вот с обтеканием картинки не понял
ну тег float действует так же, как и остальные теги bbcode... текст нужно обрамлять этими тегами...
хм... Что-то я ничего не понимаю... Поставил модуль Bbcode. Создал фильтр, с ним работающий. Ставлю в статье теги float /float, выбираю фильтр Bbcode, сохраняю статью... обтекание не срабатывает, в тексте просто стоят те самые float /float. Что я делаю не так? При этом left right и center срабатывают правильно
надо указывать также куда... то есть float=left или float=right, если вы хотите чтобы текст обтекал картинку и показывался не снизу, а слева, то заключите в теги float саму картинку...
что я мог неправильно настроить? Ставил float=left и float=right уже и вокруг текста, идущего за картинкой, и вокруг картинки, и выделял им картинку+текст. Результат один - float=left или float=right отображаются просто как часть текста и не срабатывают...
тогда это проблема фильтра... надо его поставить выше или ниже...
я, например, на своём сайте пробовал... всё работает... Друпал, 5.1, можете сами попробовать [url=http://harzah.net/node/196]здесь[/url], вставьте через IMCE картинку какую-нибудь и попробуйте поиграться тегом float... сам знаю, что когда можешь увидеть всё в рабочем варианте, быстрее можешь понять, в чём ошибка...
вроде как оставил там коммент. в нём снова float=left выглядит простым текстом... наверное у меня совсем кривые руки
не понимаю как заставить работать этот тег...
хех... я там же и ответил...
так конечно не будет работать... потому что, закрывающий тег должен быть просто /float зачем там left? например, если вставляете ссылку, вы же её в закрывющий тег не вставляете тоже, ведь правда?
Модуль хорош, вот только в JS я не силён. Кто-нить подскажет как добавить опцию обтекания текста для картинки?
Как сейчас работает:
- нажимаю на картинку и получаю форму: Адрес изображения, Ширина x Высота, Альтернативный текст
Надо:
- нажимаю на картинку и получаю тоже, что есть плюс радиогруппу left,right,none
bueditor - то что мне надо!
Но нужна помощь, как к нему прикрепить модуль imce? Я установил его, включил, а дальше что?
Мне не потребовалась дополнительная настройка. BUEditor и imce заработали вместе "из коробки"
в смысле, дальше что? нажимайте на кнопочки и пользуйтесь вставкой тегов... при выборе картинки, он вам запустит браузер IMCE...
C IMCE разобрался
// Модуль хорош, вот только в JS я не силён. Кто-нить подскажет как добавить опцию обтекания текста для картинки?
Как сейчас работает:
- нажимаю на картинку и получаю форму: Адрес изображения, Ширина x Высота, Альтернативный текст
Надо:
- нажимаю на картинку и получаю тоже, что есть плюс радиогруппу left,right,none //
Тоже самое нужно, или хотя бы можно как нибудь сделать (прописать в модуль), что бы при вставке картинки в код < img ... > автоматически всавлялось align=left а потом это просто менять если что, кто нибудь знает, где это можно прописать?
Никого не интересует что лиФ?
можно пользоваться, если у вас bbcode тегами float=left, float=right
другими способами если, то надо знать JS
Есть еще какой-то WymEditor (http://drupal.org/project/wymeditor). Никто не пользуется?
Это, похоже, для "продвинутых парней":) - CSS-стили, темплейты, логическое форматирование и т.п.
Демо - http://demo.wymeditor.org/editor/editor.htm
Кому лень переводить стандартный набор кнопочек в BUEditor - импортируйте мой рабочий перевод.
P.s. Всем желающим насчет "обтекания".
Автор модуля о вас позаботился - см. его Tips&tricks (второй пункт), http://ufku.com/drupal/bueditor/tips
И чего бы ему не добавить это прямо в основную поставку?
А можете более подробно объяснить последовательность действий, чтобы при добавлении картинки с текстом через bueditor появляласть строка "выравнивание" как на этом сайте?
Вот была тема http://forum.drupal.ru/node/6842, где вы можете скачать набор красивых кнопок и в т.ч. выравнивание.
За WymEditor спасибо, надо будет потестить.
> P.s. Всем желающим насчет "обтекания".
Что за грязные намёки?
да, а кто бы для BBCode сделал встаку изображений и ссылок... было бы очень хорошо...
за кнопочки спасибо... хех...
прошу прощения, вопрос снят
Склоняюсь к выводу, что это самый легкий, конфигурабельный и быстрый wysiwyg
Камрады, а как сделать так, чтобы текст форматировался БЕЗ html`я? то есть, чтобы вместо < strong> < /strong> вставлялись [b][/b] ссотвественно? Хочу облегчить жизнь пользователям и избавить их от запоминания различных кодов для форматирования
на скриншоты посмотрите... там всё видно...
добавляете новый редактор и изменяете там так, как это изменено на скриншоте...
правда, картинки я не трогал... JS не знаю...
Он без IMCE работать не будет?
Почему не будет? Будет. А для вставки картинок он ещё может использовать TinyMCE и FCeditor (не помню как точно они называются)...
а есть ли возможность вставить в буэдитор выпадающее меню выбора шрифта и размера кегля? или вообще нереально?
если учесть, что Bueditor дружит с Javascript, то наверное можно... другой вопрос "как"...
да уж... "как"... тогда бы фкэдитор и тинимсе вообще не нужны были бы...
ну, может автор на своей страничке что-то такое и сделает... только надо почаще к нему заглядывать... или предложить эту фичу самому...
B.X - к сожалению я только по-русски способен ему предложить
а это он вряд ли оценит 
Полазил по его сайту - пока даже намёков на подобное нет.
Только что скачал модуль BUEditor + русификатор. При вставке изображения выводится окно на английском и нет функции выравнивания, окно вставки ссылки тоже на английском. А мне хочется чтобы у меня были такие же кнопки как здесь, с теми же настройками и в том же количестве. Может кто-нибудь в этом мне помочь, пожалуйста? Думаю, что я не одинок в своем желании.
А то дразнитесь.
поиск - сила
http://drupal.ru/node/6023
On пт, 13/07/2007 - 15:32 andron13 says:
поиск - сила
http://drupal.ru/node/6023
Да нет там ничего. Одни слова. Пожалуйста выложите все в одном, как у вас на сайте.
http://drupal.ru/files/bueditor_buttons.tgz ?
День добрый.
Есть пару вопросов по BUEditor'у.
1. Почемуто не работает центрирование при вставке изображения..."Лево", "право" работает, а "по центру" ни в какую...у вас на сайте, кстати, тоже самое...
2. Можно ли написать кнопку так, чтобы при вставке ссылки задавался и адрес и само название ссылки? Не удобно вводить адрес, подсказку, а потом название ссылки.
1) Не описан соответствующий CSS
2)
$imce_url = function_exists('imce_menu') && user_access('access imce') ? url('imce/browse') : '';
return "js:
var B = eDefBrowseButton('$imce_url', 'attr_href', 'Browse', 'link');
var form = [
{name: 'href', title: 'Адрес ссылки', suffix: B},
{name: 'title', title: 'Текст подсказки'}
];
eDefTagDialog('a', form, 'Вставить/Редактировать ссылку', 'Вставить');
";
>Почемуто не работает центрирование при вставке изображения..."Лево", "право" работает, а "по центру" ни в какую...у вас на сайте, кстати, тоже самое...
Попробуй CSS стили:
.editor-justify-button {
text-align: justify;
}
.editor-left-button {
text-align: left;
}
.editor-right-button {
text-align: right;
}
.editor-center-button {
text-align: center;
}
только прописать их стоит не в bueditor.css а например в style.css находящийся в папке themes/"твоя тема сайта" .
Можно конечно и в bueditor.css прописывать, но тогда надо этот файл вручную прилинковать к сайту, похоже он линкуетса не всегда.
1. а не поскажете как описать?
2. вы не поняли...
наверно это я некорректно выразился...
я говорил про вставку гиперссылки...хотелось бы чтобы в выскакивающей формочке можно было ввести и адрес и описание и название ссылки
ссылка получится вида < a href="http://123.ru" title="Описание" >Название < /a >
Я говорю о юзерах, которые думать не будут куда чево ввести. Им дела нет до этого. Им главное чтоб удобно было и мосги включать по минимуму.
Например, не отображается курсор в формочках вставки ссылок и изображений. Это тоже проблема. Не подскажите, что делать? В настройках БУЭдитора в демо показывается всё отлично. А при добавления материала курсора нет
Если кто не знает, на странице автора Bueditor есть еще кнопка поиска и замены - http://ufku.com/drupal/bueditor/contributions/search (http://ufku.com/files/buecontribs/search.zip)
А здесь - http://ufku.com/drupal/imce/demo показано, как в него интегрирован модуль IMCE (возможность подгружать файлы с картинками и изменять их размер).
Тут http://drupal.org/node/147483 кнопка выключки (выравнивания по левой и правой стороне).
Так, просто для сведения.
2) если судить по аналогии, то там нужно добавить что-то вроде этого:
{name: 'title', title: 'Текст подсказки'}
{name: 'text', title: 'Название'}
1) попробовать в CSS темы добавить:
2) {name: 'text', title: 'Название'} - не проходит... :-(
А вообще как то не корректно и не удобно сразу и название писать...
ну, у всех разные задачи... хотя, это невозможно по другим соображениям... если даже получится так сделать, то что тогда будет при выделении текста? куда этот выделенный тест будет вставляться (сейчас выделенный текст вставляется в название, как и надо)?
ведь выделение + работа с кнопками - это главная фича Буэдитора... и удобно и быстро... в общем, лично меня всё устраивает... если бы картинки только можно было вставлять через BBCode было бы вообще супер...
vadbars@drupal.org дал ссылку с demo и step-by-step как интегрировать с IMCE: http://ufku.com/drupal/imce/demo
1) попробовать в CSS темы добавить:
.editor-center-button {text-align: center;}
не помагает
2) мне и самому нравится, как кнопка ставится... только сайт я не себе делаю, а заказчик не черта не понимает... ему главное, чтоб попроще было...
вышел из положения так (вводим адрес, а жава вставляет сразу его в тег ссылки, название по умолчанию "Скачать"):
js:
myUserInput = function(form) {
editor.active.replaceSelection('< a href=' + form.elements["user_input"].value + ' target="_blank">< strong>Скачать< /strong>< /a>');
editor.dialog.close();
}
var html = 'Введите: '+ eDefInputText('user_input');
html += eDefInputSubmit('sbmt', 'ОК');
html = eDefHTML('form', html, {onsubmit: 'myUserInput(this); return false;'});
editor.dialog.open('Вставить/редактировать ссылку', html);
можт пригодится кому
То есть для правильной работы, нужно установить и Imce и Bueditor? Я правильно понял?
никто не подскажет? У меня ни Bueditor, ни FCKeditor, ни TinyMCE не работают.. Все установил, подключил. У Буедитора даже поле "Демо" все хорошо отображается... А вот на деле не работают... IMCE, Quicktags работают... Но мне хочется Bueditor....
может быть конфликт с другим модудем использующим js, например lightbox, thinkbox, frameprevention...
да, тут уже проскакивало несколько сообщений о конфликте Bueditor с lightbox. Лично у меня стоит thinkbox. Конфликтов нет.
у меня "свежая" версия Drupala... то есть недавно установил... Никаких дополнительных модулей не устанавливал...
Хостинг платный... Drupal пишет, что он не может распознать версию сервера... Может это причина. Хотя вряд ли....
у меня тоже платный и тоже не распознаёт версию. всё работает
понятно, спасибо.. Значит будем дальше искать причины... Я поставил галочку на Буедиторе в "модулях"... Этого достаточно, или надо еще что-то "настраивать"? Спасибо за отклики!
Кстати, я кажется "нащупал" слабое место...
Когда я пытался создать свой "Editor"--- то в демонстрации, DEMO, видны были все (!) кнопки... Но в обыкновенных ситуациях не видны. (Право есть у всех, у меня доступ user1)---
посмотрел на исходный код... Там идет загрузка файла из
src="/files/bueditor/d5a76487bbcc93f92365c00a2d034369.js
А с этой папкой у меня уже давно проблемы... /files/
Оттуда у меня ничего не открывается.. (однажды пробовал загрузить мой логотип. - он загрузился в эту папку, но не отображался) Попробовал вставить в эту папку фотографию.
Набираю в адресной строке полный адрес этой фотографии... А у меня:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Что делать? Как активировать эту папку? или это установки .httaccess?
Дайте для этой папки права на запись и чтение.
Будете, наверное, смеяться, но я, если честно, не знаю как этой папке дать права на запись и чтение... Это через Друпал? или в других настройках? Жду не дождусь ответа
Наконец-то, у меня BUEditor заработал!!!!!
Спасибо всем, кто откликнулся...
Мои шаги:
-попробовал переименовать папку /files/ (на fajl :)), переустановить BUEditor.... (удалить, потом снова установить)... - Никакого результата. Буэдитор не виден...
- потом снова зашел в "Файловую систему"... От отчаяния (!!!) попробовал поставить галку в Методе загрузки на "Приватный-через друпал (более безопасный, недоступный напрямую через HTTP-протокол)" И что вы думаете?!!! BUEditor заработал!!!!!
Это конечно же приятно. Но мучает вопрос, почему?
Господа!
Ломаю голову второй день... Очень долгий поиск в интернете ничего путного не дал...
bueditor отказывается работать на моем сервере в Firefox и Konqueror, но работает в Opera.
Захожу на этот сайт, bueditor этого сайта работает во всех трех вышеуказанных броузерах.
На официальном сайте нашел, следующее: "If there are multiple editors in the page, accesskeys(Shift+Alt+KEY) will work on only the first editor instance.
This is becouse FF does not allow dynamic adjustment of accesskeys." - Что меня совершенно сбило с толку и запутало... У меня же один "editor" - bueditor, но что такое accesskeys?
Очень прошу помочь.
Нет, в сообщении говорится лишь о том, что если на странице будет несколько редакторов, то клавиатурная комбинация (Shift+Alt+KEY) будет срабатывать для первого. Это, мол, потому, что FF не поддерживает динамический доступ к клаве" (приблизительный перевод).
Спасибо за объяснение!
Проблема решилась тем, что убрал из тега body в page.tpl.php функции onload="load()" и onunload="GUnload(), которые требовались для загрузки google maps.
Теперь другая проблема... как быть с google maps? (отвечать не нужно. вопрос риторический... если не решу, открою новый топик)
У меня imce и Bueditor создает интересную проблемку. Картинка по клику мышки не добовляется, можно добавить выдраную с помощью imce картинку только при нажатии на клавишу Insert. В чем проблемка?
Ищите здесь
создал в Bueditor несколько редакторов с разным количеством кнопок, хотел назначить их к различным типам материалов.
редактор видимость
- новость (node/add/story)
- анкета (node/add/anketa)
- коммент (comment/reply/*)
НО! В Настройках доступа пользователя для одной роли можно выбрать только один редактор.
Как мне решить эту задачу?
Подскажите пожалуйста "чайнику", как в BUEditor при добавлении картинки сделать доступной кнопку Browse для авторизованных посетителей? Она видна только администратору. Кстати, на этой странице, в этом редакторе тоже самое.(конечно это на усмотрение админа, но я не могу найти где это можно изменить).
Просмотр файлов на сервере реализуется другим модулем, скорее всего IMCE - надо настроить права для этого модуля.
Спасибо за правильный ответ. Это я спросил, как "в лужу...".