Erste Unterstützung für Fotos und Fotoalben hinzufügen

EVILEG, Развитие

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

Цели

Написанием собственного WYSIWYG редактора преследую на данный момент несколько целей.

1. Возможность отказаться от сторонних редакторов на сайте. До данного момента использовался CKEditor.
2. Также проблемой CKEditor (кроме необходимости стилизации, которую я не хотел делать) являлось то, что средствами JavaScript его нельзя было перемещать по странице. Вернее можно было, но он просто переставал работать. В самописном WYSIWYG этой проблемы у меня нет.
3. Для учёта информации о загружаемом контенте необходимо было также организовать контроль над загружаемыми изображениями, чтобы получить полноценную возможность первоначального формирования альбомов пользователей с дальнейшей возможностью переиспользования изображений в других постах, статьях и т.д. на основе сформированных альбомов.
4. Добавление возможности вставки изображений в сообщения на форуме, комментарии, личные сообщения и т.д.

Что было реализовано

Для загрузки изображений был подготовлен диалог, вызываемый по нажатию кнопки изображения в тулбаре редактора.

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

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

На данный момент возможностей редактирования альбомов и изображений не предусмотрено, но при этом уже можно просмотреть, какие изображения пользователи добавляли на сайт. А также добавляется ссылка в фотоальбом пользователя, чтобы можно было перейти на изображение из сообщения.

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