Использование Firefox (другие браузеры могут требовать других конкретных решений, на данный момент я ищу только Firefox), учитывая этот код:
<p contentEditable="true" >
Some text in the content ...
<span contentEditable="false" style="border:1px dotted gray">-not editable <img src="test.jpg"> end-</span>
and some more text after it
</p>
Если пользователь пытается перетащить нередактируемую частьначиная с текста, весь промежуток выбирается и правильно перетаскивается в контенте, но если вместо этого он щелкает изображение, то промежуток остается на своем месте, а копия изображения (с переносом) перетаскивается вточка падения.
Используя событие dragstart, я могу остановить событие, если целью является изображение, но: есть ли способ выбрать весь диапазон, чтобы он правильно перетаскивался?
Вопросне о том, как выбрать узел с помощью DOM, а о том, как сделать так, чтобы перетаскивание работало как единое целое, не блокируясь, когда отправной точкой является изображение или создавая копию изображения.