Перетащите изображение в contenteditable элемент, перемещающийся между текстовыми / внутренними элементами?

Question

Итак, у меня есть contenteditable = true div, из которого есть изображения и текст внутри этого div. Я хотел бы перетаскивать изображения внутри этого div, чтобы перемещать изображение, перетасовывая и отталкивая текст. Как я могу это сделать?

Спасибо!

PS: я пробовал jquery-ui, перетаскиваемый / сбрасываемый, но я не хочу использовать его как плавающий div. Спасибо.

Answer 1

Попробуйте использовать функцию jquery .sortable для всех элементов, которые вы хотите переместить

$ ("img"). Sortable ();

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