Evgenii Legotckoi
Қыр. 17, 2018, 12:25 Т.Ж.

Фотосуреттер мен фотоальбомдарға бастапқы қолдауды қосу

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

Цели

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

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

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

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

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

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

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

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

Осы тақырып бойынша ұсынылатын мақалалар

Мақала бойынша сұралады0сұрақтар(лар)

2

Ол саған ұнайды ма? Әлеуметтік желілерде бөлісіңіз!

Денис Широкий
  • Қаң. 8, 2019, 10:23 Т.Қ.

Добрый день!
В браузере Edge описанный функционал не работает. Обрезать и загрузить фотографию нельзя. Издержки кастомного WYSIWYG-редактора.

Evgenii Legotckoi
  • Қаң. 9, 2019, 2:29 Т.Қ.

Добрый день. Спасибо за информацию, по возможности проверю проблему.

Evgenii Legotckoi
  • Қаң. 9, 2019, 5:07 Т.Қ.

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

Это трекер для фидбека и доработки сайта.

Пікірлер

Тек рұқсаты бар пайдаланушылар ғана пікір қалдыра алады.
Кіріңіз немесе Тіркеліңіз