Ziehen: Ersetzen der Daten

Ich habe eine Webseite mit einigen HTML-Elementen, einschließlich einer Textfläche und eines eingebetteten content-fähigen iframes (a rte).

Mit diesem Code erhalte ich das Draggesture Event auf der Hauptseite und setze die text / html-data %Vor%

Wenn nun ein Textfeld auf der Hauptseite angezeigt wird, wird 'my_data' gelöscht. Wenn Sie den content-fähigen iFrame löschen, wird auch 'my_data' gelöscht.

Aber ich habe hier drei Probleme, die ich nicht verstehe:

1. Das Binden dieser Art von Handler an das iframes-Dokument funktioniert. Ich setze die Ereignisdaten analog zum obigen Code, aber es funktioniert nicht. Wenn ich es in den iframe oder in den Textbereich auf der Hauptseite ziehe, wird 'my_data' nicht eingefügt, sondern der ursprünglich ausgewählte Inhalt. Was kann ich tun, um 'my_data' zu setzen?

2. Ich habe versucht, die Daten mit dem Ereignis drop im iframe und auf der Hauptseite zu ändern / einzustellen:

Aber ich bekomme einen Javascript-Fehler auf beiden Dokumenten (Hauptseite und iframe): "Änderungen sind für dieses Dokument nicht erlaubt". Warum erhalte ich diesen Fehler? Gibt es einen Workaround dafür? Sieht so aus, als hätte pimvdb eine Erklärung dafür bekommen.

3. Wenn Sie <p>some text</p><hr><p>some text</p> von der Hauptseite auswählen und in den contentediable iframe ziehen, wird nichts eingefügt, wenn ich 'my_data' (auf Draggesture) unter Verwendung des ersten Codebeispiels von oben einstelle. Ziehen in den Textbereich funktioniert. Weiß jemand, was hier falsch läuft? (Problem tritt bei Verwendung von Chrome nicht auf!)

BEARBEITEN: Hier ist eine jsFiddle Demo, um herumzuspielen und das Problem zu verstehen:

Ссылка