Ich hatte die jquery-ui Drag & Drop-Funktionalität mit jHtmlArea verwendet. Auf der Seite werden nach der gesamten Integration keine Fehler mehr angezeigt, aber die Drag & Drop-Funktionalität funktioniert nicht.jHTMLArea Drag & Drop funktioniert nicht
Hier ist die fiddle.
Irgendwelche Ideen würden helfen?
Die Elemente, die Sie wirklich ziehen möchten, sind Drag-fähig, Sie haben jedoch containment als parent definiert, so dass Sie sie nur innerhalb ihrer Eltern abstufen können.
Sie können entweder remove the containment oder set it to body, wenn Sie in der Lage sein, die Elemente außerhalb ihrer Eltern Div.
Ihr anderes Problem, das Sie haben, ist (ich glaube), dass Sie die Bilder ziehen und sie in die jHtmlArea fallen lassen wollen, und dafür müssen Sie eine spezielle Funktion schreiben, um den Tropfen zu handhaben (Zeile 35) in Ihrem ursprünglichen Code):
drop: function (event, ui) {
// Here you need to handle the drop.
}
können Sie verwenden, um die pasteHTML Funktion von jHtmlArea, das zu tun.
Aus irgendeinem Grund die jHtmlArea hatte einige Probleme beim Versuch, das img-Element einzufügen, die gezogen wurde, aber hier ist etwas, das Sie mit beginnen können:
drop: function (event, ui) {
$('.rich-textarea').htmlarea('pasteHTML', 'Here goes the HTML that you want to paste');
}
mit Einfügen von Bildern, da der Fehler Ich denke, jHtmlArae hat einige spezifische Probleme Ich habe, wenn versucht, Bild-Tag einfügen wurde nicht mit dem Drag & Drop-Code in Verbindung gebracht. Vielleicht möchten Sie in einen besseren Editor wechseln (zB ckeditor).