1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Помогите разобраться с TinyMCE

Главные вкладки

Аватар пользователя Funtik44 Funtik44 10 февраля 2011 в 17:11

Ребят, кто инглиш знает, помогите. Тут - http://code.google.com/p/tinymce-plugin-advimagescale/wiki/Usage есть инструкция, как я понял, по установке патча для TinyMCE, позволяющего настраивать ресайз изображения. Кто-нибудь может перевести?

Комментарии

Аватар пользователя Funtik44 Funtik44 10 февраля 2011 в 21:50

В инструкции написано следующее:

«Finally, add advimagescale to the TinyMCE.init "plugins" configuration parameter as shown in the full example below.»

И приведен пример:

tinyMCE.init({
    mode : "textareas",
    plugins: 'advimagescale',
    cleanup_on_startup: true,
    advimagescale_maintain_aspect_ratio: true, /* this is the default behavior */
    advimagescale_fix_border_glitch: true, /* also the default behavior */
    advimagescale_noresize_all: false, /* set to true to prevent all resizing on images */
    advimagescale_append_to_url: true, /* apply dimensions to image URL on resize */
    advimagescale_url_width_key: 'w',  /* apply width to URL as w= param */
    advimagescale_url_height_key: 'h', /* apply height to URL as h= param */
    advimagescale_max_height: 200, /* limit maximum image height to 200px */
    advimagescale_max_width:  200, /* limit maximum image width to 200px */
    advimagescale_min_height: 20, /* minimum image height is 20px */
    advimagescale_min_width:  20, /* minimum image width is 20px */
    /* call this function when an image is loading */
    advimagescale_loading_callback: function(imgNode) {
        alert(imgNode.src + ' is loading');
    },
    /* call this function when an image is finished loading */
    advimagescale_loaded_callback: function(imgNode) {
        alert(imgNode.src + ' is loaded');
    },
    /* call this function when an image has been resized */
    advimagescale_resize_callback: function(editorInstance, imgNode) {
        alert('resized to ' + imgNode.width + 'x' + imgNode.height);
    }
});

<form>
        <textarea name="content">
                <!-- this image is managed by advimagescale -->
                <img src="http://mydomain.com/dynamic-image.php?id=1234" width="100" height="100" />
                <!-- this image size is locked with mce_noresize and cannot be resized -->
                <img mce_noresize="1" src="http://mydomain.com/images/picture.jpg" width="100" height="100" />
        </textarea>
</form>

Объясните, в какой файл это вставлять?

Аватар пользователя Funtik44 Funtik44 11 февраля 2011 в 9:03

Блин, ничего не показывает! Вот у меня и появились сомнения - это вообще файл или нет? Пришел к выводу, что это команда, которую необходимо добавить в созданный мною *.js (в инструкции написано сначала создать джава скрипт). Я прав или нет, ребят, подскажите?

Аватар пользователя Funtik44 Funtik44 11 февраля 2011 в 9:06

Вот инструкция:

Plugin Usage Instructions

Start with a working instance of TinyMCE. Create a folder in the tinyMCE plugins folder called advimagescale. Download the latest plugin source from http://tinymce-plugin-advimagescale.googlecode.com/svn/trunk/editor_plug... and save the file to plugins/advimagescale/editor_plugin.js (remember to rename the file from editor_plugin_src.js to editor_plugin.js !). Finally, add advimagescale to the TinyMCE.init "plugins" configuration parameter as shown in the full example below.

Note that if you are using any of the advimagescale_max_* or advimagescale_min_* options and you wish for them to be immediately enforced upon TinyMCE initialization, then you must set the cleanup_on_startup configuration option to true.

By default (with no options set), the plugin manages all images in the editor, forcing them to maintain the same aspect ratio they started with.

Интересует строка, выделенная жирным шрифтом. Там сказано, что в заключении необходимо добавить ... а дальше неясно????

Аватар пользователя udaf udaf 12 февраля 2011 в 0:37

получается, тебе нужно найти код в модуле, где инициализируется tinyMCE, а там по инструкции уже добавить все что ты написал выше. приведи хотябы пример как ты подключаешь этот tinyMCE.

тебе нужно:
1. вставить этот код, где подключается tinyMCE (в модуле искать наверно)
2. скачать какой-то плагин

Аватар пользователя Funtik44 Funtik44 12 февраля 2011 в 10:03

Нашел отличное решение (с автоматическим ресайзом изображений до нужной величины) - ImageManager - плагин для TinyMCE http://drupal.ru/node/28262 Но там правда пока проблемма с созданием папок для каждого пользователя в отдельности. Все остальное он делает великолепно.