jquery - jHTMLArea のドラッグ アンド ドロップが機能しない

Question

jquery-uiでドラッグ アンド ドロップ機能を使用していましたjHtmlArea。すべての統合後、ページでエラーが発生することはありませんが、ドラッグ アンド ドロップ機能はまだ機能していません。

これがフィドルです。

アイデアは役に立ちますか？

Answer 1

ドラッグしようとしている要素は実際にはドラッグ可能ですが、containmentasを定義したparentため、親内でのみグラデーションを付けることができます。親 div の外でアイテムをグラデーションできるようにする場合は、包含を削除する
か、body に設定できます。

あなたが抱えている他の問題は、（私が推測する）画像をドラッグしてjHtmlArea内にドロップできるようにしたいということです。そのためには、ドロップを処理する特定の関数を書く必要があります（元のコードの35行目） ):

drop: function (event, ui) {
    // Here you need to handle the drop.
}

pasteHTMLjHtmlAreaの関数を使用してそれを行うことができます。
何らかの理由で、ドラッグされた img 要素を挿入しようとしたときに jHtmlArea にいくつかの問題がありましたが、ここから始めることができます。

drop: function (event, ui) {
    $('.rich-textarea').htmlarea('pasteHTML', 'Here goes the HTML that you want to paste');
}

jHtmlArae には、イメージ タグを挿入しようとしたときに発生したエラーがドラッグ アンド ドロップ コードに関連していなかったため、イメージの挿入に特定の問題があると思います。より優れたエディター ( ckeditorなど) への移行を検討することをお勧めします。