Третьего дня был прикручен специальный плагин Inline Attachments, который позволяет вставлять картинки из вложений в текст сообщения и по всякому над ними измываться. Данная тема посвящена тому, как это делать и какие могут быть проблемы. Плагин пока оставлен AS IS, а потому что-то может быть не сильно удобным или косячным. Возможно потом я его отшлифую напильником, но не сейчас.Вставка картинкиЧтобы прикрепить и вставить картинку нужно:
1. Прикрепить картинку как вложение:
2. Установить курсор в нужное место и нажать "Вставить вложение Х"
Тогда появляется bb-код примерно следующего вида:
[ attachment id=1]
Именно такой код заменится на вставленную картинку (в данном случае под номером 1, т.к. id=1). При редактировании существующего сообщения msg лучше не указывать никакого.
Стилизация картинкиУ данного тега есть довольно больше количество опций, которые позволяют его стилизовать:
Размеры:width={ширина в пикселях} - максимальная ширина
height={высота в пикселях} - максимальная высота
Картинки не меняют пропорции, потому если указаны оба размера, то выберется наименьший (в соответствии с пропорциями). По клику в этом случае картинка будет разворачиваться в полный размер.
Поля:margin={ширина полей в пикселях} => ширина всех полей, которые будут у картинки
margin-left={ширина левого поля в пикселях} - левого
margin-right={ширина правого поля в пикселях} - правого
margin-top={ширина верхнего поля в пикселях} - верхнего
margin-bottom={ширина нижнего поля в пикселях} - нижнего
Рамка:border-style={стиль} => Стиль рамки. Возможные значения: none, dotted, dashed, solid, double, groove, ridge, inset, outset
border-width={ширина рамки в пикселях} => Ширина рамки.
border-color={цвет} => Цвет рамки, который может быть указан словом (red, blue и т.п.) или кодом в RGB: rgb(255,0,0) к примеру
Важно: между этими свойствами в теге должен быть
ровно один пробел.
ПримерВот пример стилизованного вложения:
[ attachment id=1 width=200 border-style=ridge border-width=3 border-color=rgb(24,24,128)]