- 1. Цели
- 2. Что было реализовано
Выходные не прошли даром. За пару дней удалось написать достаточно функциональную поддержку загрузки фотографий через WYSIWYG редактор сайта. О чём хотелось бы подробнее сообщить пользователям сайта в виде статьи.
Цели
Написанием собственного WYSIWYG редактора преследую на данный момент несколько целей.
- Возможность отказаться от сторонних редакторов на сайте. До данного момента использовался CKEditor.
- Также проблемой CKEditor (кроме необходимости стилизации, которую я не хотел делать) являлось то, что средствами JavaScript его нельзя было перемещать по странице. Вернее можно было, но он просто переставал работать. В самописном WYSIWYG этой проблемы у меня нет.
- Для учёта информации о загружаемом контенте необходимо было также организовать контроль над загружаемыми изображениями, чтобы получить полноценную возможность первоначального формирования альбомов пользователей с дальнейшей возможностью переиспользования изображений в других постах, статьях и т.д. на основе сформированных альбомов.
- Добавление возможности вставки изображений в сообщения на форуме, комментарии, личные сообщения и т.д.
Что было реализовано
Для загрузки изображений был подготовлен диалог, вызываемый по нажатию кнопки изображения в тулбаре редактора.
В данном диалоге была добавлена возможность обрезки изображения, с помощью которой можно выделить только необходимую для загрузки на сайт часть изображения.
Вот пример загрузки и обрезки изображения через диалоговое окно. После загрузки изображение добавляется в специальный фотоальбом, под названием "Фотографии, добавленные в контент". А потом уже добавляются в сообщение или статью.
На данный момент возможностей редактирования альбомов и изображений не предусмотрено, но при этом уже можно просмотреть, какие изображения пользователи добавляли на сайт. А также добавляется ссылка в фотоальбом пользователя, чтобы можно было перейти на изображение из сообщения.
Редактирование фотоальбомов и сообщений будет добавлено при дальнейших обновлениях сайта. Также как и возможность выбора изображений из диалога загрузки.
Добрый день!
В браузере Edge описанный функционал не работает. Обрезать и загрузить фотографию нельзя. Издержки кастомного WYSIWYG-редактора.
Добрый день. Спасибо за информацию, по возможности проверю проблему.
Ещё небольшая просьба, если, по-вашему мнению, чего-то не хватает на сайте или что-то работает не совсем корректно, то не стесняйтесь писать об этом в раздел идей и предложений .
Это трекер для фидбека и доработки сайта.