在Summernote文本编辑器中拖放图像

Question

我想了解是否可以在文本编辑器插件中进行拖放图像。 我正在使用angularjs v1.5.0。 图片上传后，我希望可以拖动它。

拖动有很多解决方案，但是当里面有文字时，我没有找到如何做的。 例如：编辑器中有一些文本和图像“ <img src ='lala.jpg'>这里有一些文本 ”，拖动后，我需要“ 一些文本<img src ='lala.jpg'>这里 ”。 我包括了拖放插件，并且图像变成了具有样式位置：相对，顶部|左侧。 是的，它是拖动的，但没有文本浮动。 我该怎么办？

感谢您的帮助或想法

Answer 1

将图片标签设置为可拖动，当您触发“ Drop”事件时，您将获得图片的x和y位置。 计算字符串的宽度和高度，并中断应放置图像的文本。 然后，将标签准确放置在应放置的位置...

使用JavaScript计算文字宽度