Evgenii Legotckoi
Evgenii LegotckoiҚыр. 16, 2018, 2:25 Т.Қ.

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

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

Цели

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

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

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

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

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

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

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

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

Рекомендуем хостинг TIMEWEB
Рекомендуем хостинг TIMEWEB
Стабильный хостинг, на котором располагается социальная сеть EVILEG. Для проектов на Django рекомендуем VDS хостинг.

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

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

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

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

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

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

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

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

Пікірлер

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

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:50ұпай,
  • Бағалау ұпайлары-4
m
  • molni99
  • Қаз. 26, 2024, 11:37 Т.Ж.

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:80ұпай,
  • Бағалау ұпайлары4
m
  • molni99
  • Қаз. 26, 2024, 11:29 Т.Ж.

C++ - Тест 004. Указатели, Массивы и Циклы

  • Нәтиже:20ұпай,
  • Бағалау ұпайлары-10
Соңғы пікірлер
i
innorwallҚар. 14, 2024, 7:09 Т.Ж.
C++ файлдарының ішінде CMakeLists.txt ішінде жарияланған айнымалы мәндерді пайдалану where can i buy priligy online safely Tom Platz How about things like we read about in the magazines like roid rage and does that really
i
innorwallҚар. 12, 2024, 9:12 Т.Ж.
Django - Оқулық 055. Автоматты толтыру өрісі функциясын қалай жазу керек Freckles because of several brand names retin a, atralin buy generic priligy
i
innorwallҚар. 12, 2024, 5:23 Т.Ж.
QML - Сабақ 035. C++ қолданбай QML тілінде сандарды пайдалану priligy cvs 24 Together with antibiotics such as amphotericin B 10, griseofulvin 11 and streptomycin 12, chloramphenicol 9 is in the World Health Organisation s List of Essential Medici…
i
innorwallҚар. 12, 2024, 2:50 Т.Ж.
Qt/C++ - 052-сабақ. Qt аудио ойнатқышын AIMP стилінде теңшеу It decreases stress, supports hormone balance, and regulates and increases blood flow to the reproductive organs buy priligy online safe Promising data were reported in a PDX model re…
i
innorwallҚар. 12, 2024, 1:19 Т.Ж.
Үйінді сұрыптау алгоритмі The role of raloxifene in preventing breast cancer priligy precio
Енді форумда талқылаңыз
i
innorwallҚар. 14, 2024, 5:52 Т.Ж.
добавить qlineseries в функции PMID 35774217 Free PMC article priligy cvs
i
innorwallҚар. 11, 2024, 9:55 Т.Қ.
Всё ещё разбираюсь с кешем. priligy walgreens levitra dulcolax carbs The third ring was found to be made up of ultra relativistic electrons, which are also present in both the outer and inner rings
9
9AnonimҚаз. 25, 2024, 7:10 Т.Қ.
Машина тьюринга // Начальное состояние 0 0, ,<,1 // Переход в состояние 1 при пустом символе 0,0,>,0 // Остаемся в состоянии 0, двигаясь вправо при встрече 0 0,1,>…

Бізді әлеуметтік желілерде бақылаңыз