Рекомендации библиотеки JS для перетаскивания/изменения размера/вырезания/копирования/вставки/выравнивания/группировки/и ⇐ Javascript
Рекомендации библиотеки JS для перетаскивания/изменения размера/вырезания/копирования/вставки/выравнивания/группировки/и
Мне было поручено создать веб-интерфейс, который позволяет пользователю перетаскивать, изменять размер, вырезать/копировать/вставлять, выравнивать, группировать и т. д. стандартные элементы HTML, включая все входные данные ФОРМЫ (текст, флажок, переключатель и т. д.), а также другие (IMG, DIV, SPAN и т. д.), а также пользовательские элементы HTML. Решение должно обеспечивать все следующее:
[*]Обработка элементов при выборе. [*]Перетаскивание элементов внутри контейнера [*]Измените размер элементов, перетащив маркеры во всех 8 направлениях. [*]Заблокируйте изменение размера/перетаскивание по горизонтали или по вертикали, установив флажок или нажатие клавиши-модификатора. [*]Обеспечьте функциональность привязки к сетке, включая постоянное включение и включение клавиши-модификатора. [*]Выберите несколько элементов и групп, удерживая клавишу-модификатор и/или перетаскивание лассо вокруг нужных элементов. [*]Группировать и разгруппировать элементы (и рекурсивно другие группы) [*]Измените размер и переместите группу элементов, перетащив маркеры группы. [*]Перемещать элементы вверх и вниз по Z-индексу. [*]Выровнять элементы друг по другу (по центру/слева/справа/по центру/сверху/снизу) и выровнять по сетке [*]Вырезать/копировать/вставлять элементы и группы в контейнер и в другие группы [*]Изменить элементы группы, открыв группу. [*]Прикрепите горячие клавиши к общим действиям (копировать/вырезать/вставить/выровнять/z-индекс...) [*]Необязательно: вращайте элементы и группы.
См. пример желаемой функциональности перемещения, изменения размера и выбора элементов в PowerPoint.
Во-первых, я не уверен, как называется эта группа функций, кроме как «полный WYSIWYG-редактор», поэтому искать библиотеки, которые предоставляют все это, нетривиально.
Я нашел частичные решения, такие как Interact.js и jQuery UI, но они не обеспечивают полную функциональность и требуют серьезной модификации.
Чтобы уточнить: мне не нужны редакторы WYSIWYG, такие как editor.js, quill и т. д.
Я готов написать это сам, но не хочу изобретать велосипед, если существует другая библиотека, которая уже решает все (или большую часть) этой проблемы.
Спасибо за совет.
Мне было поручено создать веб-интерфейс, который позволяет пользователю перетаскивать, изменять размер, вырезать/копировать/вставлять, выравнивать, группировать и т. д. стандартные элементы HTML, включая все входные данные ФОРМЫ (текст, флажок, переключатель и т. д.), а также другие (IMG, DIV, SPAN и т. д.), а также пользовательские элементы HTML. Решение должно обеспечивать все следующее:
[*]Обработка элементов при выборе. [*]Перетаскивание элементов внутри контейнера [*]Измените размер элементов, перетащив маркеры во всех 8 направлениях. [*]Заблокируйте изменение размера/перетаскивание по горизонтали или по вертикали, установив флажок или нажатие клавиши-модификатора. [*]Обеспечьте функциональность привязки к сетке, включая постоянное включение и включение клавиши-модификатора. [*]Выберите несколько элементов и групп, удерживая клавишу-модификатор и/или перетаскивание лассо вокруг нужных элементов. [*]Группировать и разгруппировать элементы (и рекурсивно другие группы) [*]Измените размер и переместите группу элементов, перетащив маркеры группы. [*]Перемещать элементы вверх и вниз по Z-индексу. [*]Выровнять элементы друг по другу (по центру/слева/справа/по центру/сверху/снизу) и выровнять по сетке [*]Вырезать/копировать/вставлять элементы и группы в контейнер и в другие группы [*]Изменить элементы группы, открыв группу. [*]Прикрепите горячие клавиши к общим действиям (копировать/вырезать/вставить/выровнять/z-индекс...) [*]Необязательно: вращайте элементы и группы.
См. пример желаемой функциональности перемещения, изменения размера и выбора элементов в PowerPoint.
Во-первых, я не уверен, как называется эта группа функций, кроме как «полный WYSIWYG-редактор», поэтому искать библиотеки, которые предоставляют все это, нетривиально.
Я нашел частичные решения, такие как Interact.js и jQuery UI, но они не обеспечивают полную функциональность и требуют серьезной модификации.
Чтобы уточнить: мне не нужны редакторы WYSIWYG, такие как editor.js, quill и т. д.
Я готов написать это сам, но не хочу изобретать велосипед, если существует другая библиотека, которая уже решает все (или большую часть) этой проблемы.
Спасибо за совет.
-
- Похожие темы
- Ответы
- Просмотры
- Последнее сообщение
-
-
Оптимальная стратегия группировки для выравнивания сумм столбцов с помощью агрегации строк
Anonymous » » в форуме Python - 0 Ответы
- 1 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Оптимальная стратегия группировки для выравнивания сумм столбцов с помощью агрегации строк
Anonymous » » в форуме Python - 0 Ответы
- 2 Просмотры
-
Последнее сообщение Anonymous
-
-
-
Оптимальная стратегия группировки для выравнивания сумм столбцов с помощью агрегации строк
Anonymous » » в форуме Python - 0 Ответы
- 8 Просмотры
-
Последнее сообщение Anonymous
-