Drag & Drop Bilder im Editor Summer Text Editor

Question

Ich möchte verstehen, ob ich Drag & Drop Bild in meinem Texteditor plugin kann. Ich benutze angularjs v1.5.0 damit. Wenn das Bild hochgeladen wurde, möchte ich es möglicherweise ziehen.

Es gibt eine Menge Lösung zum Ziehen, aber ich habe nicht gefunden, wie ich das tun kann, wenn der Text darin ist. Zum Beispiel: Es gibt etwas Text und Bild im Editor "< img src = 'lala.jpg'> Etwas Text hier" und nach dem Ziehen brauche ich das "Etwas Text < img src = 'lala.jpg'> Hier ". Ich habe Drag & Drop-Plugin und Bild wurde mit Styling-Position: relativ, oben | links. Ja, es zieht, aber ohne Text. Was kann ich damit machen?

Vielen Dank für jede Hilfe oder Ideen

Answer 1

Set Bild-Tag tun ziehbar und wenn Sie das ‚Drop‘ Ereignis auslösen, werden Sie x und y-Position für das Bild bekommen. Berechnen Sie die Breite und Höhe der Zeichenfolge und brechen Sie den Text, in dem das Bild platziert werden soll. Dann legen Sie das Tag genau dort, wo es sein sollte ...

Calculate text width with JavaScript