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

时间:2016-06-30 13:13:00

标签: javascript jquery angularjs summernote

我想了解我是否可以在文本编辑器plugin中执行拖放图像。我正在使用angularjs v1.5.0。当图像上传时,我希望可以拖动它。

拖动有很多解决方案,但是当里面有文本时我没有发现如何做到这一点。例如: 编辑器中有一些文本和图像“< img src ='lala.jpg'> Some Text Here ”,拖动后我需要“ Some Text< img src = 'lala.jpg'>这里“。我包括了拖放插件,图像变成了造型位置:相对,顶部|左边。是的,它的拖动,但没有文字浮动。我该怎么办?

感谢您的帮助或想法

1 个答案:

答案 0 :(得分:0)

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

Calculate text width with JavaScript