Необходимо загружать изображения и вставлять их миниатюры в текст статьи, в любое место текста, делать обтекание справа, слева или просто картинка в отельном абзаце с выравниванием по центру. При нажатии на миниатюру, чтобы открывалось в Colorbox оригинальное изображение. Сейчас все это отлично работает в связке CKEditor + One Click Upload (кому интересно http://xandeadx.ru/blog/drupal/335 ).
Однако, требуется чтобы при загрузке изображения можно было выбирать стиль миниатюры (некоторые миниатюры поменьше, другие - побольше). В One Click Upload можно выбрать лишь один стиль миниатюр. В итоге приходится сначала вставлять картинки с миниатюрами одного размера, сохранять материал, лезть в настройки One Click Upload, менять стиль миниатюр, возвращаться к редактированию материала и наконец загружать картинки с миниатюрами другого размера. Не слишком в общем-то удобно. Может кто-то знает способ проще?
Комментарии
вариант 1. https://drupal.org/project/insert
вариант 2. https://drupal.org/project/image_resize_filter
Еще забыл. CKEditor установлен отдельным модулем, а не через WYSIWYG
Проблема решена. В файл ckeditor.config.js надо дописать код:
// Ends self closing tags the HTML4 way, like <br>.
ev.editor.dataProcessor.htmlFilter.addRules(
{
elements:
{
$: function (element) {
// Output dimensions of images as width and height
if (element.name == 'img') {
var style = element.attributes.style;
if (style) {
// Get the width from the style.
var match = /(?:^|\s)width\s*:\s*(\d+)px/i.exec(style),
width = match && match[1];
// Get the height from the style.
match = /(?:^|\s)height\s*:\s*(\d+)px/i.exec(style);
var height = match && match[1];
if (width) {
element.attributes.style = element.attributes.style.replace(/(?:^|\s)width\s*:\s*(\d+)px;?/i, '');
element.attributes.width = width;
}
if (height) {
element.attributes.style = element.attributes.style.replace(/(?:^|\s)height\s*:\s*(\d+)px;?/i, '');
element.attributes.height = height;
}
}
}
if (!element.attributes.style)
delete element.attributes.style;
return element;
}
}
});
});
Кроме того, в настройках One Click Upload необходимо отключить использование стилей изображения (поставить "нет" в пункте Использовать стили изображения)
может ли быть какая-нибудь особенная нелюбовь у ie11 и image_resize_filter? Изменив размеры картинки в ckeditor (сжав картинку мышкой или прописав в свойствах картинки размеры) нажимаю "сохранить" и в материале вижу картинку с первоначальными размерами (ширина и высота в img прописаны исходные размеры). Теже действия в FF меняют размеры картинок нормально. Как можно масштабировать картинки в ckeditor и ie11?
Click the "Rearrange" tab to check the order of the filters.
If using the Image Resize Filter on the "Filtered HTML" input format, you MUST ensure
A) The tag is in the list of allowed tags and
The "Image resize filter" is run BEFORE the "HTML filter".