1

tinyMCE は、Web サイト (ローカル ファイル ブラウザーではない) からリッチ テキスト エディター フィールドへの画像のドラッグをサポートしています。それらは変換されて<img src=''>...</img>タグ付けされ、すぐに画像として表示されます。

srcそのように挿入された場合の画像タグのurlを変更したいと思います。urlconverter_callback貼り付けプラグインのハンドラーとハンドラーを使用しようとしましたpaste_preprocessが、画像をエディター フィールドにドロップしてもどちらもトリガーされません。

エディターへの画像のドラッグ アンド ドロップに反応するために使用できるコールバックはどれですか? または、ドロップされたときに画像の src を変更する別の方法はありますか?

（urlconverter_callback「画像の挿入」ボタンで画像を追加すると機能しますが、それは私が探しているものではありません。）

4

1 に答える 1

2

キーは、既に説明されている内容に依存しています。ドラッグ アンド ドロップ イベントはブラウザー ドメインに属しているため、TinyMCE はそれらをバインドしない限り何も認識しません。この場合は必要ありません。

また、ドラッグ アンド ドロップ インタラクションがさまざまなイベント間で情報を共有する方法を念頭に置くことも重要です。つまり、 getDataおよびsetData関数を介してdataTransferプロパティを読み書きします。

そうは言っても、これは私のアプローチです（選択とイベントバインディングにjqueryを使用していることに注意してください）：

dragstartイベントを画像にバインドして、インタラクションの開始時に発生するようにします。文字列を置換し、結果を dataTransfer に保存します。

https://gist.github.com/3040473

便利なリンク:

于 2012-07-03T15:30:12.457 に答える