Купил модуль Lite image (от netlanc) и столкнулся с проблемой, что пользователи сильно пугаются, когда видят куски кода в редакторе + сам редактор искожает код после редактирования страницы. Использую TinyMCE. Наш посетитель это домохозяйки.

Lite image создаёт теги <fotoblock> и <sliderblock>.

Собственно была задача в редакторе TinyMCE обернуть генерируемый код модулем Lite image в понятный вид для пользователей + чтоб они не могли нарушить сам код фото-блоков и слайдер-блоков + чтоб пользователи могли без проблем блок переместить или скопировать.

плагин для tinymce называется fotoblock.

скачать можно dl.dropbox.com/u/624913/static/tinymce/fotoblock.zip
просто разворачиваете архив в папке plugins (tinymce) а точнее в LS эта папка находится: engine/lib/external/tinymce-jq/plugins/

далее правим настройки самого tinymce в файле engine/lib/internal/template/js/settings.js
где в строке plugins добавляем fotoblock.

у меня эта строчка теперь выглядет так

plugins: "lseditor,safari,inlinepopups,media,pagebreak,autoresize,fotoblock",

чистим кеш и наслаждаемся.

+ небольшой фикс для lite image. в файле image.js

310 строка
заменить

var tplfb = '<fotoblock>' + tplimg + '</fotoblock>';

на

var tplfb = '<fotoblock>' + tplimg + '</fotoblock>';

364 строка
заменить

var tplfb = '<sliderblock>' + tplimg + '</sliderblock>';

на

var tplfb = '<sliderblock>' + tplimg + '</sliderblock>';

Плагин мультизагрузки изображений в топики теперь и для LS 1.0.
При загрузке создается основное изображение и превью. Совместим с markItUp и tinyMCE.

Теперь плагин умеет не только загружать изображения, но и собирать на их основе фото-блоки и слайдеры. На одной странице можно создавать несколько слайдеров или фото-блоков.

Новый функционал — фото-блоки и фото-слайдер можно повертеть в руках тут

Вводное:

Наверное многие знакомы с возможностью на таких ресурсах как LAM (Lookatme) создавать внутри поста фотоблоки куда помещаются некоторое количество фотографий (чтобы не делать чересчур длинной скатерти). Да, в ЛС уже существует подобная штуковина — Фотосеты, но как отдельный вид поста она не имеет смысла. Сегодня я расскажу вам как сделать эти самые «Фотоблоки».

Нам понадобятся:
1. LiveStreet версии 0.5-0.5.1
2. Шаблон на jQuery
3. Fotoramajs от Артема Поликарпова
4. Прямые руки

Присутпим:
1. Качаем архив с Fotoramajs отсюда fotoramajs.com/

2. Внутри вы обнаружите 2 файла: собственно сама библотека fotorama.js и файл стилей для настройки внешнего вида fotorama.css

3. Подключаем библиотеку (предварительно поместив её в папку js вашего шаблона) в header.tpl вашего шаблона, очень просто

<script type="text/javascript" src="{cfg name='path.static.skin'}/js/fotorama.js"></script>

и учитываем что у вас также уже должна быть подключена библотека jQuery.

Подключаем css файл

<link href="{cfg name='path.static.skin'}/css/fotorama.css" rel="stylesheet">

4. Теперь идем в настройки jevix.php (папка config) и разрешаем тег div

// вызов метода с параметрами
			array(
				array('cut','a', 'img', 'i', 'b', 'u', 's', 'video', 'em',  'strong', 'nobr', 'code', 'object', 'param', 'embed', 'ls', 'iframe','blockquote','div', 'p','h3','div'),
			),			

array(
				'div',
				array('class')
			),

5. Вуаля, все что нам теперь остается, зайти в редактор, создать новый пост, кликнуть на просмотр html кода (это если у вас tinyMCE), найти нужные вам фотографии (для незнающих тег img) и обьединить в следующий div

<div class="fotorama">
  <img src="1.jpg> <img src="2.jpg"> <img src="3.jpg">
</div>

PS: На все вопросы готов ответить в комментариях, хотя надеюсь они не возникнут :)