bueditor,imce + lightbox
Прислано: silence
сб, 09/02/2008 - 12:09
если добавлять картинку через bueditor,imce, то она без эффектов lightbox, как исправить?) т.е мне нужно , чтоб можно было добавить несколько картинок в текст или посреди текста и чтоб был эффект lightbox
в друпале уже вроде разбираюсь, могу свой скин сделать без проблем, а вот нужных модулей не могу найти, особенно для работы с изображениями, надеюсь на помощь.Спасибо.
- silence's blog
- Для комментирования войдите или зарегистрируйтесь
в настройках лайтбокса указать чтобы дописывал свой код к каждому тегу ИМГ
- Для комментирования войдите или зарегистрируйтесь
простите конечно, но в этом я не особо... что и где именно дописать? я просто раньше был на dle и там не много проще было, но из-за платности и неудобности перешел на друпал, т.е у него немеряно возможностей, но пока не со всем разобрался)\ когда добавляю код "img src="/files/u1/pic__24_.jpg" width="500" height="375" alt="" /" через bueditor, то lightbox не работает тут
- Для комментирования войдите или зарегистрируйтесь
подскажите хоть что-то... не хочу с друпала сбегать
- Для комментирования войдите или зарегистрируйтесь
Разобрался уже?
правильно должно быть так, на сколько я понимаю:
<a href="/files/u1/pic__24_.jpg" rel="lightbox"><img src="/files/u1/pic__24_.jpg" width="100" height="100" alt="" />
- Для комментирования войдите или зарегистрируйтесь
Использую ту же связку из bueditor,imce,lightbox, и есть дополнение к вопросу, а можно ли сделать так, чтобы кнопка "Send to BU Editor" вставляла не просто:
<img src="/welcome/sites/default/files/users/user5/0272300.jpg" width="788" height="600" alt="0272300.jpg" />
а сразу с тегом "a" и припиской rel="lightbox", т.е. так:
<a href="/welcome/sites/default/files/users/user5/0272300.jpg" rel="lightbox"><img src="/welcome/sites/default/files/users/user5/thumb_0272300.jpg" width="788" height="600" alt="0272300.jpg" /></a>
в идеале конешно чтобы в тексте было только чтото вроде [imgx=user5/0272300.jpg], а затем фильтр подставлял бы необходимые HTML тэги
- Для комментирования войдите или зарегистрируйтесь
Хорошо что еще никто не успел ответить, хоть прочитал гайд по созданию модуля :)
Пока что получилось сделать фильтр который заменяет [pic=1/somepic.jpg] на эту абракадабру с rel="lightbox" (тоже самое для [vid=1/somevid]) где цифра - порядковый номер пользователя. Вроде как проще стало добавлять картинки / видео и не так путаница тегов глаза мазолит, но все таки еще хотелось бы добавить две кнопки в IMCE чтобы из него сразу вставлять [pic=1/somepic.jpg] для выбраной картинки или [vid=1/somevid] для видеоролика, в BUEditor. Нужна помощь или ссылка на волшебный гайд по ковырянию IMCE.
- Для комментирования войдите или зарегистрируйтесь
в настройках лайтбокса указать чтобы дописывал свой код к каждому тегу ИМГ
тема старая, но! не подскажите как ко всем тегам будет дописыватсья
? что то я не нашел такой фичи.
вот из того что накопал это переписанная кнопочка немного допилил ее
вот код
php: $imce_url = function_exists('imce_access') && imce_access() ? url('imce') : ''; return "js: var B = eDefBrowseButton('$imce_url', 'attr_href', 'Browse', 'link'); var form = [ {name: 'href', title: 'Link URL', suffix: B}, {name: 'html', title: 'Link text'}, {name: 'title', title: 'Link title'}, {name: 'rel', title: 'Lightbox', type: 'select', options: {'': 'none', lightbox: 'lightbox'}, value: 'lightbox'} ]; eDefTagDialog('a', form, 'Insert/edit link', 'OK'); ";
но проблема решается лишь отчасти, получается генерируется Текст ссылки. А вот как вместо текста ссылки вставить ????
и еще вопрос по bueditor, как вместо "Enter" подставить
или перенос строки?
- Для комментирования войдите или зарегистрируйтесь
А посему бы для этих целей не использовать Image Assist?
Он же и превью делает и lightbox добавляет.
Единственное неудобство, с которым я столкнулся при его использовании, невозможно удалить загруженное изображение из менеджера файлов. Код, генерируемый для вставки получается в виде
[img_assist|nid=15957|title=1234|desc=|link=popup|align=left|width=100|height=75]
- Для комментирования войдите или зарегистрируйтесь
А посему бы для этих целей не использовать Image Assist?
Он же и превью делает и lightbox добавляет.
Единственное неудобство, с которым я столкнулся при его использовании, невозможно удалить загруженное изображение из менеджера файлов. Код, генерируемый для вставки получается в виде
[img_assist|nid=15957|title=1234|desc=|link=popup|align=left|width=100|height=75]
даже не знаю, нравится мне bueditor, хочется его заточить
- Для комментирования войдите или зарегистрируйтесь
Чем не устраивает вот это:
php: $imce_url = function_exists('imce_access') && imce_access() ? url('imce') : ''; return "js: var B = eDefBrowseButton('$imce_url', 'attr_href', 'Browse', 'link'); var form = [ {name: 'href', title: 'URL ссылки', suffix: B}, {name: 'html', title: 'Текст ссылки'}, {name: 'title', title: 'Название ссылки'}, {name: 'rel', title: 'Lightbox', type: 'select', options: {'': 'none', lightbox: 'lightbox'}, value: 'lightbox'} ]; eDefTagDialog('a', form, 'Вставить/Редактировать ссылку', 'OK'); ";
- Для комментирования войдите или зарегистрируйтесь
Моя короткая заметка на эту тему - Lightbox для картинок внутри текста (IMCE + Lightbox) в Drupal
Если коротко - то модуль Image Resize Filter
- Для комментирования войдите или зарегистрируйтесь



Комментарии