Улучшаем BUEditor

Главные вкладки

Аватар пользователя milsa milsa 10 марта 2009 в 1:25

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

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

ВложениеРазмер
Иконка изображения bueditor.png7.93 КБ
Иконка изображения smile.png27.3 КБ

Комментарии

Аватар пользователя milsa milsa 10 марта 2009 в 14:11

EllECTRONC, Ваш вариант мне нравится, все аккуратно. Но на скрине не увидел, возможности выбора цвета шрифта, все же этого не хватает редактору. Так что, этот вопрос остается пока открытым. Если смогу чем то помочь, буду рад. Пока буду стараться разобраться.

Аватар пользователя EllECTRONC EllECTRONC 10 марта 2009 в 16:51

"milsa" wrote:
Но на скрине не увидел, возможности выбора цвета шрифта, все же этого не хватает редактору.

Я не считаю раскрашивание текста необходимым, к тому же редактор подготовлен для drupal.ru и здесь это совсем не нужно.
"milsa" wrote:
Если смогу чем то помочь, буду рад

Вы можете объединить два диалога в один с условием "если"?

Аватар пользователя milsa milsa 11 марта 2009 в 18:42

Понятно, что выделение текста цветом не самая важная функция, но она есть пракически у всех последних редакторов.

По поводу объединения диалога в один..., можно посмотреть?

Аватар пользователя PVasili PVasili 11 марта 2009 в 19:46

Цвет - абсолютно лишне в данном случае.
Если человек не в состоянии грамотно выразить свои мысли - то цвет эту проблему только усугубит.

Аватар пользователя koval2001 koval2001 11 марта 2009 в 21:05

В свое время тоже нужен был такой функционал - выбор цвета.

У меня слабые знание по javascript , поэтому не судите строго но сделал так.
Добавил кнопку "Цвет" в редактор и ее код

js: eDefTagChooser([
 ['h11', 'h11'],
 ['h21', 'h21'],
 ['h31', 'h31'],
 ['h41', 'h41']
], true, 'li', 'ul', 'slideDown');//choose among tags

и добавил в style.css своей темы

h11 {
color: #ff0000;/*red*/
}
h21 {
color: #000fff;/*blue*/
}
h31 {
color: #7fff00;/*green*/
}
h41{
color: #808080;/*grey*/
}

Работает везде, кроме IE6.
Может кто знает как сделать вместо <h11> - <font color="ff0000"> или span

Аватар пользователя milsa milsa 11 марта 2009 в 21:16

Это код кнопки который работает у меня сейчас, как на скрине в начале темы:

js: eDefTagChooser([
['span', 'Красный', {'class': 'font_red'}],
['span', 'Синий', {'class': 'font_blue'}],
], true, 'li', 'ul', 'slideDown');

и добавлено в .css

.font_blue {
  color: #0000FF;
}

.font_red {
  color: #FF0000;
}

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

Аватар пользователя EllECTRONC EllECTRONC 11 марта 2009 в 21:33

"koval2001" wrote:
Может кто знает как сделать вместо <h11> - <font color="ff0000"> или span

Это не сложно читайте README.TXT в папке редактора.
Только может все же <span style="color: #FF0000;">?
Тоже относится к milsa...

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

ЗЫ: прикольные ссылки на теги html вставляются...

Аватар пользователя milsa milsa 11 марта 2009 в 21:43

EllECTRONC это все понятно, но у каждого свои цели. У меня в паре с Drupal работает форум IPB, по этой причине все стараюсь подогнать под одни задачи, чтобы пользователь чувствовал себя привычно как на главной странице Drupal, так и на форуме.
На форуме палитра такого вида. Ничего думаю, со временем все решится.

Аватар пользователя EllECTRONC EllECTRONC 14 марта 2009 в 16:01

"koval2001" wrote:
А почему не font?

Вообще-то да, можно и фонт.. у нас же XHTML 1.0 Transitional...
Только понадобится еще и тег font добавлять в фильтры.

Аватар пользователя koval2001 koval2001 3 апреля 2009 в 19:09

<span style="color: #FF0000;">
А каким образом это вставить это в "Filtered html", если добавляю тег <span> , то цвета не появляются.

Аватар пользователя Vanez Vanez 27 марта 2011 в 20:12

Кнопка для выбора цвета текста:

js: eDefTagChooser([
 ['font', 'Красный', {'color':'red'}],
 ['font', 'Зелёный', {'color':'green'}],
 ['font', 'Синий', {'color':'blue'}],
 ['font', 'Серый', {'color':'gray'}]
], true, 'li', 'ul', 'slideDown');/*choose among tags*/

Альтернативный вариант:

js: eDefTagChooser([
 ['span', 'Красный', {'style':'color: red;'}],
 ['span', 'Зелёный', {'style':'color: green;'}],
 ['span', 'Синий', {'style':'color: blue;'}],
 ['span', 'Серый', {'style':'color: gray;'}]
], true, 'li', 'ul', 'slideDown');/*choose among tags*/
Аватар пользователя pimen pimen 11 ноября 2012 в 16:36

Практически все необходимые кнопки для расширения функционала Bueditoh – цвета, символы, вставка изображения… можно найти, перейдя по ссылке - http://ufku.com/drupal/bueditor/contributions
Рессурс на английском, но переводчика достаточно для понимания последовательности установки.