ghaiklor
@ghaiklor
NodeJS TechLead

Drag & Drop редактор для создания своих div'ов?

Добрый день, Хабр!


Буду краток. Есть задача создания всплывающих div'ов (popup'ов) на сайте. Загвоздка в том, чтобы пользователь мог сам, используя мышь, создавать эти самые popup'ы. Перетаскивать картинки, писать текст — одним словом «творить» то, что будет отображаться у него на сайте. Конечно же должна быть поддержка сохранения готового popup'а в HTML, дабы отображать как обычный popup.


Есть какие-то готовые библиотеки, наработки или хотя-бы советы, как это можно реализовать? Заранее спасибо.
  • Вопрос задан
  • 4982 просмотра
Решения вопроса 1
Fesor
@Fesor
Full-stack developer (Symfony, Angular)
Смотря что именно вы будете использовать. Что-то подобное (Drag&Drop редактор презентаций) я когда-то писал при помощи jQuery draggable/droppable. Несколько типов блоков позиционировались на холсте. Одним из типов блоков был текстовый блок (минимальное форматирование текста допускалось). Картинки добавлялись отдельным блоком. По итогу все это сохранялось в JSON (типы блоков и их координаты) и в последующем из этого формировался итоговый HTML код, который уже и отображался. По времени и сложности это решение было самым разумным на тот момент.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы