次のコードに問題があります。
Wordpress で tinyMCE エディターを初期化しています。
wp_editor("<div>HTML content</div>", "id-of-editor", $settings);
これにより、iframe 内に tinyMCE エディターが生成されます。そのiframe内には、ドロップ可能なjquery ui divがあります。
iframe の外側から iframe にコンテンツをドロップしたい。
これまでのところ、私はこれを作っています:
$( "#drag" ).draggable({
helper: "clone",
revert:"valid",iframeFix:true
});
$("#editor-iframe").contents().find(".droppable-div").droppable({
accept: "#drag",
});
1つのことを除いて、すべてが機能します。カーソル位置と実際のドラッグ位置の間には 150px のオフセットがあります。
このため、ドラッグ可能なアイテムをドロップ可能なゾーンから遠く離れた場所に置いた場合にのみ、ドラッグ イベントが検出されます。
助けはありますか?
前もって感謝します。私の悪い英語でごめんなさい!それは私の母国語ではありません。
画像 問題の説明: http://i.stack.imgur.com/4hGfW.jpg