Inline-редактирование изображений

В предыдущем разделе было рассмотрено визуальное редактирование текста. В этом разделе рассмотрим аналогичную работу с изображениями. С функционалом визуального редактирования изображений вам достаточно всего лишь кликнуть по иконке редактирования изображения и внести необходимые изменения (перезагрузить картинку, обрезать, удалить). Это значительно облегчает работу и экономит время пользователей, работающих с контентом.

Подключение

Для того, чтобы функционал был готов к использованию, в разделе "Настройки системы" необходимо отметить чекбокс "Использовать быстрое редактирование изображений" в подразделе "Настройки редактирования изображений".

Функцию inline-редактирования изображений можно подключить к полю типа «Файл». Для этого в компоненте, в месте вывода переменной поля, саму переменную нужно заключить в функцию nc_image_edit_inline().

Функции передаются 3 параметра: имя поля, номер объекта и номер инфоблока. В целом, можно прописать следующее:

<?= nc_image_edit_inline('Image', $f_RowID, $cc)?>

где «Image» — имя поля.

Для того, чтобы функционал inline-редактирования изображения заработал, нужно включить режим редактирования.

Для редактирования изображения кликните по иконке редактирования.

Откроется окно редактирования изображения.

Здесь вы можете выполнить следующие операции:

1. Закачать новое изображение

В нижней части окна с помощью обзора выберите файл для закачки, он сразу же будет отображён на месте предыдущей фотографии.

2. Удалить

Вы можете удалить снимок.

3. Обрезать текущее изображение

Справа от изображения размещены готовые расширения, с помощью которых обрезку можно выполнять максимально быстро.

Для добавления своих расширений перейдите в меню «Настройки» → «Настройки системы» и найдите блок «Настройки редактирования изображений».

Нажмите на ссылку «Добавить» и добавьте необходимое количество расширений.

Сохраните изменения. Теперь добавленные расширения будут отображены в окне редактирования изображения.

← Назад 10.17 Inline-редактирование текста 10.19 Справочник API Далее →

Комментарии 1

Владимир Web-Element 23 апреля 2015, 18:43:28

Как прописывать alt и title при необходимости?

Наверх