У меня есть контент редактируемый div, где пользователь может добавлять картинки.Я хочу, чтобы он мог перемещать их в редактируемом разделе содержимого.Если я использую тег img, у меня нет проблем, пользователь может легко выбрать изображение и перетащить его.
У меня также есть другой тип изображения, который позволяет пользователю печатать на нем текст.Это достигается с помощью другого редактируемого содержимого div, в котором изображение установлено в качестве фона.Я бы хотел, чтобы пользователь тоже мог перемещать этот div.Я полагаю, что если пользователь сможет выбрать весь div, он сможет перетаскивать его.Как этого добиться?С помощью мыши я не могу выбрать div.Смотрите скриншот:
Синий круг - это div / picture (где пользователь может печатать текст);Я не могу выбрать это даже с помощью мыши. Красный круг - это элементы управления (перемещение и удаление).Когда пользователь нажимает на значок «переместить», приложение должно выбрать элемент div, а затем, надеюсь, он сможет перетаскивать его.
Я попытался со следующим безуспешно:
span.onclick = function() { selectTextPage(document.getElementById(id)) };
function selectTextPage(node) {
let range = new Range();
range.selectNode(node);
}