Плагин «Preview Pictures» + TinyMCE актуально только для LS 0.4x
Собственно сабж в заголовке.
Актуально только для LS 0.4x лишь по тому, что плагин пока несовместим с 0.5 версией.
Для начала, добавим текстовки из Preview Pictures в TinyMCE, для этого идем в \engine\lib\external\tinymce_3.2.7\plugins\lseditor\langs\ открываем для редактирования ru.js (или en.js тот который вам нужен, можно оба) и добавляем в него текстовки из языкового файла Preview Pictures. Русский текст обязательно конвертировать (например, можно с помощью json_encode). Длялентяев готовый файл.
Далее открывам для редактирования шаблон для формы загруки изображений — файл \engine\lib\external\tinymce_3.2.7\plugins\lseditor\image.htm, находим строки
Собственно все. Далее активируем плагин Preview Pictures, сбрасываем кеш и радуемся :)
открываем \engine\lib\external\tinymce_3.2.7\plugins\lseditor\editor_plugin.js находим строчки
PS :: При первой загрузке в браузере после редактирования формы загруки изображений, возможно, не отобразятся изменения — нужно обновить фрейм этой формы.
Актуально только для LS 0.4x лишь по тому, что плагин пока несовместим с 0.5 версией.
Результат:
Итак приступим.
Для начала, добавим текстовки из Preview Pictures в TinyMCE, для этого идем в \engine\lib\external\tinymce_3.2.7\plugins\lseditor\langs\ открываем для редактирования ru.js (или en.js тот который вам нужен, можно оба) и добавляем в него текстовки из языкового файла Preview Pictures. Русский текст обязательно конвертировать (например, можно с помощью json_encode). Для
Далее открывам для редактирования шаблон для формы загруки изображений — файл \engine\lib\external\tinymce_3.2.7\plugins\lseditor\image.htm, находим строки
</div>
<div class="mceActionPanel">
<div style="float: left">
<input type="submit" id="insert" name="insert" value="{#lseditor.insert}" />
</div>
и ПЕРЕД ними добавляем следующий код<p>
{#lseditor.imgpreview_ajax_type}:
<input type="radio" name="type_add" value="preview" id="type_add_preview" />
<label for="type_add_preview">{#lseditor.imgpreview_ajax_preview}</label>
<input type="radio" name="type_add" value="original" id="type_add_original" checked="checked" />
<label for="type_add_original">{#lseditor.imgpreview_ajax_original}</label>
</p>
<p>
{#lseditor.imgpreview_preview_size}:
<input type="radio" name="preview_size" value="small" id="preview_size_small" />
<label for="preview_size_small">{#lseditor.imgpreview_preview_size_small}</label>
<input type="radio" name="preview_size" value="medium" id="preview_size_medium" checked="checked" />
<label for="preview_size_medium">{#lseditor.imgpreview_preview_size_medium}</label>
<input type="radio" name="preview_size" value="large" id="preview_size_large" />
<label for="preview_size_large">{#lseditor.imgpreview_preview_size_large}</label></p>
</p>
Собственно все. Далее активируем плагин Preview Pictures, сбрасываем кеш и радуемся :)
Ответы на коменты
to::Lexxа как изменить размер нового окна, чтобы там прокрутки не было, а то с новыми пунктами не влезает…
открываем \engine\lib\external\tinymce_3.2.7\plugins\lseditor\editor_plugin.js находим строчки
ed.addCommand('mceLsEditorImage', function() {
ed.windowManager.open({
file : url + '/image.htm?v=4',
width : 480,
height : 190,
inline : 1
}, {
и увеличиваем значение height со 190 до 250, этого достаточно.PS :: При первой загрузке в браузере после редактирования формы загруки изображений, возможно, не отобразятся изменения — нужно обновить фрейм этой формы.