Плагин «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, находим строки
</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 :: При первой загрузке в браузере после редактирования формы загруки изображений, возможно, не отобразятся изменения — нужно обновить фрейм этой формы.

Оставить комментарий

Чтобы оставить комментарий или зарегистрируйтесь на сайте×

0 комментариев

еще