Перетаскивание изображений в текстовом редакторе Summernote

Я хочу понять, могу ли я перетаскивать изображения в моем текстовом редакторе с плагином. Я использую с ним angularjs v1.5.0. Когда изображение было загружено, я хочу, чтобы его можно было перетаскивать.

Есть много решений для перетаскивания, но я не нашел, как это сделать, когда внутри текст. Например: в редакторе есть текст и изображение "‹ img src='lala.jpg'> Some Text Here", и после перетаскивания мне нужно это "Some Text ‹ img src= 'lala.jpg'> Здесь". Я включил плагин перетаскивания, и изображение стало с позицией стиля: относительное, верхнее | левое. Да, это перетаскивание, но без плавающего текста. Что я могу с этим сделать?

Спасибо за любую помощь или идеи


person Иван Рудь    schedule 30.06.2016    source источник


Ответы (1)


установите тег изображения, который можно перетаскивать, и когда вы запускаете событие «Drop», вы получите положение x и y для изображения. Рассчитайте ширину и высоту строки и разбейте текст там, где должно быть размещено изображение. Затем поместите метку именно там, где она должна быть...

Вычислить ширину текста с помощью JavaScript

person danielarend    schedule 30.06.2016