Ich benutze tinyMCE in meiner angular2-App gemäß der folgenden Richtlinie: Ссылка
>Nun möchte ich als Drop-Target für ng2-dnd so:
%Vor%Es wird jedoch kein Ereignis ausgelöst. Ich nehme an, das hat etwas damit zu tun, dass tinyMCE den Textbereich durch einen iframe ersetzt, aber ich bin noch nicht genug mit angular2 vertraut, um zu verstehen, wie der folgende Link hier angewendet werden könnte. Wie kann man den Texteditor von tinymce ablegen?
Vielen Dank im Voraus für Anregungen!
Es gibt einige Probleme, die das nicht funktionieren lassen.
Erstens hat TinyMCE, wie erwähnt, seine eigenen Elemente, einschließlich eines Iframes, um den eigentlichen Editor zu rendern. Der iframe bewirkt, dass Ereignisse im Editor nicht aufsteigen.
Das Hinzufügen von dnd-dropable zum texarea, das am Ende versteckt wird, gibt kein sichtbares Element zum Anwerfen.
Wenn Sie ein div-Element um den Textbereich einfügen, erhalten Sie einen Drop-in-Bereich im TinyMCE-Header, aber leider nicht im Editor. (aufgrund des iframe).
Mit den integrierten TinyMCE-Ereignissen können Sie den Editor jedoch weiterhin als Drop-Ziel verwenden. Sie müssen außerdem das Attribut 'paste_data_images' hinzufügen.
%Vor%Beachten Sie, dass das Drop-Ereignis, das Sie erhalten, ein Standard-Drop-Event ist, das nicht mit dnd verarbeitet wird. Ich nehme an, das ist in Ordnung für Ihren Fall, und wenn nicht, können Sie sich an dnd Dokumentation wenden, um es weiter zu verarbeiten.
Tags und Links javascript angular drag-and-drop tinymce