Плагин «Preview Pictures» + TinyMCE

3
Собственно сабж в заголовке.
Актуально для LS 0.4x и 0.5x версией.

Результат:



Итак приступим.

Для начала, добавим текстовки из 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 :: При первой загрузке в браузере после редактирования формы загруки изображений, возможно, не отобразятся изменения — нужно обновить фрейм этой формы.
  • +2
  • 10 ноября 2011, 21:12
  • netlanc

Комментарии (6)

RSS свернуть / развернуть
то что надо, спс.
а как изменить размер нового окна, чтобы там прокрутки не было, а то с новыми пунктами не влезает…
+1
  • avatar
  • Lexx
  • 11 ноября 2011, 10:05
спс, добавил решение в топик
0
теперь актуально и для 0.5x версии
0
После активации плагина съезжает вся правая колонка вниз… С чем может быть связано?
0
Вы уверены что туда написали?
0
языки на ставятся, надоело чистить кэш… и еще Слимбокс не хочет работать… картинка уменьшается и после нажатия для увеличения открывается изображение без скрипта
-1
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.