1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Установка и настройка

Вставка и выравнивание картинки в BuEditor

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

Аватар пользователя Ruslan413 Ruslan413 18 апреля 2008 в 10:45

При вставке через BuEditor картинки в материал (тип- Story), с выравниванием по центру, получается код такого вида

1. *img src="http://картинка" alt="" align="center" /*

В результате картинка центрируется не по центру, а по левому краю, при ЛЮБОМ выбранном формате ввода.

Вручную делаю код вида

2. *div style="text-align: center;">*img src="http://картинка" alt="" /*/div*
И все отлично, картинка располагается по центру.

Собственно, вопрос: Где (в каком файле, либо в каких настройках) можно изменить код, вставляемый BuEditor с первого варианта, на второй?
P.S. Символ * использован вместо тегов < и >

Комментарии

Аватар пользователя cref cref 10 августа 2008 в 6:33

Код для вставки в настройки BUeditor'а
ваш-супер-сайт/admin/settings/bueditor

php:
$imce_url = function_exists('imce_access') && imce_access() ? url('imce') : '';

return "js:
var B = eDefBrowseButton('$imce_url', 'attr_src', 'Выбрать', 'image');
var form = [
 {name: 'src', title: 'Адрес изображения', suffix: B},
 {name: 'width', title: 'Ширина x Высота', suffix: ' x ', getnext: true, attributes: {size: 3}},
 {name: 'height', attributes: {size: 3}},
 {name: 'class', title: 'Выравнивание', type: 'select', options: {'align-c' : 'По центру', 'align-l' : 'По левому краю', 'align-r' : 'По правому краю', 'float-l' : 'В тексте - слева', 'float-r' : 'В тексте - справа'}},
 {name: 'title', title: 'Описание'},
 {name: 'alt', title: 'Альтернативный текст'}
];
eDefTagDialog('img', form, 'Добавить/редактировать изображение', 'OK');
";

Код стиля - нужно вставить в какой-то файл *.CSS - по своему усмотрению, главное чтобы его Друпал нашел. После изменения стиля нужно вырубить нах все кеширование и сбросить кеш. Потом можно включить кеширование обратно. Это важно - я часа три убил на то, чтобы понять причину того, какого беня стиль не подключается.

.align-c {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.align-r {
  display: block;
  text-align: right;
}

.align-l {
  display: block;
  text-align: left;
}

.align-j {
  display: block;
  text-align: justify;
}

.float-l {
  display: inline;
  float: left;
}

.float-r {
  display: inline;
  float: right;
}

img.float-l, img.float-r {
  margin: 10px;
}

Данный код успешно применен на сайте http://www.velo.ck.ua/ - проверен и работает во всех тестируемых броузерах.

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

Вот спасибо, давно искал. То что надо! А если взять вот эту идею и пременить ее к развитию функционала bueditor, то можно добиться очень много.
Еще раз спасибо.

Аватар пользователя Serg_M Serg_M 9 апреля 2009 в 20:39

"cref" wrote:
Код для вставки в настройки BUeditor'а

Спасибо, работает и для Drupal6.10 + BUEditor6.x-1.2.
Только вот засунул код css в bueditor.css - и незаработало, а в style.css темы - работает. И если кэш не включен, то и чистить его ненадо.

Эх, как бы еще сделать, чтобы цитирование при предпросмотре (глаз) правильно отображалось...

P.S. проблема, при нажатии кнопки "вставить/редактировать ССЫЛКУ", в окошке появляется кнопка Browse, при нажатии на которую открывается IMCE для загрузки картинок, как бы избавиться от этой кнопки?

Аватар пользователя SteelRat SteelRat 22 июня 2009 в 22:57

"Serg_M" wrote:
Только вот засунул код css в bueditor.css - и незаработало, а в style.css темы - работает.

Очень странно что не работает, потому что он включается в текст страницы, на которой используется bueditor, поэтому в теории всё должно работать;)

Аватар пользователя romsk1983 romsk1983 4 декабря 2009 в 21:19

Небольшое дополнение к CSS стилям выравнивания.

Выравнивание по правому краю не хотело работать.
Проблема решилась так:

Было:
.align-r {
display: block;
text-align: right;
}

Стало:

.align-r {
display: block;
text-align: right;
margin-left: auto;
}

Большое спасибо cref за код и стили.