Image Picker: вставляем картинки в текст

Скачала модуль Image Picker, по совету в http://drupal.ru/node/6108 со страницы http://www.tonyspencer.com/2007/08/15/finally-a-good-image-upload-module-for-drupal/
Очень довольна. Это именно то, что я хотела видеть в Drupal. Изображения с превью вставляются в контент, при этом есть гибкая система настройки показа.
Потом может переведу что он там сказал, просто пока времени нет.
---------------------------------------------
---------------------------------------------
Перевод вышеуказанной страницы и файла Readme:
После того как я попробовал все доступные модули Drupal, а также их сочетания для загрузки изображений, я был разочарован и решил разработать собственный. Мне нужно было:
* Загружать изображение
* Превью, создающиеся автоматически
* Указывать изменение размера для одного или обоих превью и большого изображения
* Выбирать изображения из загруженных ранее, указывать выравнивание, атрибут alt, ссылку на свойства, и чтобы HTML код создавался автоматически на месте текущей позиции курсора.

Мне нравится функция загрузки изображений, встроенная в Wordpress, но ему не хватает некоторых вещей:
1. Изменение размера превью недоступно, и оно очень маленькое
2. Нельзя изменить размер основного изображения после загрузки, поэтому, если у вас очень большое изображение с цифровой камеры, Вы не сможете сделать нормальный размер для Интернета
3. Нельзя в WP выравнивать картинку по левому и правому краю, что я часто делаю в своих постах и сайтах Drupal.

Поэтому я разработал этот новый модуль загрузки изображений - Image Picker, работающий как загрузка изображений в Wordpress, но со всеми расширениями, нужными мне.

Для получения дополнительной информации по использованию см. readme файл в модуле. Этот модуль только для Drupal 5.xx.

Файл readme:
1. Установка
Положите папку imagepicker в папку modules. Войти на сайт как админ и перейдите на страницу Модули. Включите Imagepicker. Модуль создаст структуру каталогов в папке файлов (настраивается через Админка> Настройка> Файловая система) и все картинки будут сохраняться в них в зависимости от имени пользователя, который загружает изображение.

ПРИМЕЧАНИЕ: Если вы установите Imagepicker, не рекомендуется менять путь к папке файлов. Но если вы сделаете это, убедитесь, что вы скопировали весь каталог изображений созданный Imagepicker.

2. Активация imagepicker
Только пользователи, которые имеют права пользоваться фильтром Full HTML смогут использовать imagepicker. Так потому, что Imagepicker использует HTML код, недоступный, если пользователь не будет использовать этот фильтр. Если вы хотите, чтобы Imagepicker модуль использовался для остальных пользователей, вам придется перенастроить фильтры.

3. Настройка фильтров
Выберите Админка> Настройка > Форматы ввода. Вы увидите список всех имеющиеся фильтров на сайте. Выберите Full HTML и нажмите настроить. В поле Роли выберите все роли которым вы хотите дать доступ к этому фильтру и сохраните конфигурацию. Чтобы увидеть эти изменения нужно очистить кэш меню (след. пункт), в противном случае, вы увидите страницу «Доступ запрещен» вместо Imagepicker.

4. Очистка кэша меню
Войдите на страницу управления базой данных и очистите таблицу cache_menu. Конечно, вы можете использовать функции очистки кэша в Drupal, так что выбор за Вами. Еще один простой способ очистить кэш меню: выберите Админка> Конструкция> Меню, а затем «Добавить пункт меню» и нажмите на кнопку «Отправить» без добавления пункта меню. Это восстановит меню Drupal. Странно, да? Но это Drupal, он имеет много функций, которые даже не нужны ... Во всяком случае, этот способ не работает все время, так что лучший вариант состоит в том, чтобы сделать это прямо в базе данных.

5. Использование Imagepicker
Войдите под любым пользователем с правами использовать фильтр full HTML. Перейдите к страницу Создать материал> Story. Под телом ноды вы должны увидеть область Imagepicker модуля.
Выберите картинку с компьютера, введите максимальный размер (в пикселях) большей стороны превью, введите максимальный размер большей стороны исходного изображения, если вы хотите его масштабировать, или оставьте пустым (если не хотите изменять размер), введите название и описание и нажмите кнопку Загрузить. Если вы сделали ошибки, вы увидите сообщение об ошибке, если нет, будете перенаправлены на страницу "Вставить изображения" снова. На ней просто выберите нужные вам настройки и нажмите кнопку вставить. Вы можете изменять или удалять изображения.

Попробуйте нажать на вкладку "Browse All" если вам нужна уже загруженная картинка, найдите и нажмите на нее. Фотографии расположены по дате - последние вначале.


ПРИМЕЧАНИЕ:
название изображения используется в качестве альтернативного текста и заголовка для ссылки. Описание будет использоваться только на странице изображения (imagepicker / image / {image_id}), которая создается автоматически для каждой картинки.

Совместимость с браузерами
Firefox 1,5, Firefox 2,0, IE6.5 и IE7. Во всех других браузерах - попробуйте сами, но я думаю, он должен работать с большинством из них.

Совместимость с tinyMCE
Я тестировал модуль с tinyMCE (tinyMCE версия - 2.0) и он прекрасно работает с Firefox 1,5 и 2,0. Но имеет некоторые проблемы с IE6 и IE7. В этих браузерах сначала необходимо выбрать изображение, установить все настройки. Затем нажмите в текстовой области редактора tinyMCE и лишь затем нажмите на кнопку «Insert image». После добавления изображения в tinyMCE редактор (неважно, какой браузер вы используете) курсор будет стоять перед "</a> </div>” HTML тегами. Это может вызвать некоторые проблемы, помните об этом.

Гость

СПАСИБА БАЛЬШОЕ !!! ОЧЕНЬ ПРИГОДИЛОСЬ!!!

Гость

Я тоже такой модуль использую на своих drupal проектах

Olhan

Пробвал разные модули для добавки картинок в текст. Действительно, Image Picker - самый удобный.

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

Какие я вижу недочёты или недоделки:
1) Не работает с русскоязычными файлами. Проблема решается установкой модуля Transliteration.
2) Позволяет юзерам настраивать то, что не только не надо, но и вредно настраивать - параметры ресайза, размер вставляемой картинки и параметры ссылки. Показ параметров ресайза кое-как выдрал из кода, а остальное сопроводил комментарием, чтоб не трогали. Но всё равно глаза мозолит.
3) Выравнивание не работает в Filtered HTML (хотя div там разрешён). Плюс, Заголовок и описание картинки вставляются в текст ни о чём. Решил обе проблемы правкой imgagepicker_iframe.js, который отвечает за формирование вставляемой HTML-строки. Картинку загнал в таблицу вместе с заголовком и описанием, а чтобы внешний текст не прилипал, добавил пустой столбец справа. В style.css убрал строку, касающуюся таблиц, про width="100%" и добавил 2 класса - для левого и правого выравнивания таблицы. В админке I-Picker'a заменил дефолтные строки выравнивания на применение этих классов, а в imgagepicker_iframe.js кусок кода, отвечающий за выравнивание, применил к таблице. Разрешил в Filtered HTML табличные теги - и теперь всё работает миленько и красиво Подмигивающий.
4) Image Picker, засранец Возмущенный, после загрузки файла и всех ресайзов, не удаляет оригинал. Как сделать, чтоб удалял - не знаю, может кто подскажет?

Ещё такая фишка. Image Picker формирует якорь "hash_body", и я хочу, чтобы при нажатии кнопки "Картинка" в BUEditor'e срабатывала ссылка на него, чтобы не скролить вручную вниз страницы (если документ большой и картинок много). Подскажите, как настроить кнопку?

Анна, подскажи, пожалуйста, где взять такие забавные смайлики Ржущий?

sa_bo_nim

Смайлы брала тут. А еще написала, как их привинтить к bueditor-у, правда давно это было.

Как кнопку сделать ярлыком - честно, не знаю. Обычно ссылки ведут на якоря, а не input-ы. Только если написать для страницы где это требуется яваскрипт, который взял бы input с определенным id и повесил на него событие: при нажатии на кнопку переходить к якорю. Но я в яваскрипте пока не сильна.

Комментировать

Содержание этого поля является приватным и не предназначено к показу.

CAPTCHA
Проверка на человечность.
Image CAPTCHA
Copy the characters (respecting upper/lower case) from the image.