Drupal скрещиваем bueditor, imce и shadowbox
Автор: SysaninАвг 25
Понадобилось мне сделать так что бы при загрузке изображений на сайт через imce можно было удобно их вставлять в запись и навешивать shadowbox эффект (впирнципе для lightbox этот пример переделается элементарно).
Методика заключается в следующем:
- Загружаем изображение на сайт через imce и делаем его превьюшку.
- Вставляем превьюшку в статью стандартной кнопкой bueditor'a
- Не убирая выделения с только что вставленой картинки, нажимаем нашу кнопку, которая обворачивает картинку в ссылку на большую фотку (при включеном JS будет накладываться эффект shadowbox'a)
Вот сосбтвенно код самой кнопки для bueditor'a:
js:
var reg = /src="[^"]*\.(jpg|gif|png|jpeg)"/i ;
var code = editor.active.getSelection();
var temp = code.match(reg);
var src = temp[0];
src = src.replace('medium_', '');
src = src.replace('large_', '');
src = src.replace('small_', '');
src = src.substr(5);
src = src.substr(0, src.length-1);
editor.active.replaceSelection('<a href="'+src+'" rel="shadowbox[Vacation]">'+code+'</a>');
var reg = /src="[^"]*\.(jpg|gif|png|jpeg)"/i ;
var code = editor.active.getSelection();
var temp = code.match(reg);
var src = temp[0];
src = src.replace('medium_', '');
src = src.replace('large_', '');
src = src.replace('small_', '');
src = src.substr(5);
src = src.substr(0, src.length-1);
editor.active.replaceSelection('<a href="'+src+'" rel="shadowbox[Vacation]">'+code+'</a>');
1 комментарий
Пишет precomplet | дата: 13 октября 2009 в 19:18
По правде говоря, сначала не очень то до конца понял, но перечитав второй раз дошло - спасибо!