0

jQuery UI Droppable プラグインを使用して、オブジェクトを特定のカーソル位置のnicEditコンテナーにドロップできるかどうか、またはどのように使用できるかを確認しようとしています。

ここで、nicEdit カーソル位置に html コードを貼り付けることに関する同様の質問を見ました。

jQuery UI Droppable shopping card demoを使用して、商品エリアからアイテムを選択し、ショッピング カート エリアにドロップできるようにしたいと考えています。ただし、例の div に値を設定するドロップ イベントの代わりに:

<div id="cart">
<h1 class="ui-widget-header">Shopping Cart</h1>
<div class="ui-widget-content">
    <ol>
        <li class="placeholder">Add your items here</li>
    </ol>
</div>

nicEdit コントロールに関連付けられたテキストエリアにオブジェクトをドロップしたいと考えています。つまり、ページ上のアイコン/オブジェクトをドラッグして、アクティブなカーソル位置の nicEdit テキストエリアにドロップしたいと考えています。アイコンをドロップすると、nicEdit textarea オブジェクトのカーソル位置に挿入される定義済みの html が取り込まれます。

任意の提案をいただければ幸いです。

4

1 に答える 1

1

ここで答えの一部を見つけることができると思います: http://pastebin.com/sj8QA4xx。nicEdit エディターの現在のカーソル位置にコンテンツを挿入する方法を示します。ボタンのクリックに応じて、そのコードを使用して、事前定義されたテキストをライブラリから nicEdit に正常に挿入しています。ドラッグ アンド ドロップの部分についてはわかりません。nicEdit がアクティブ化された後もまだイベントを受信して​​いる場合は、それらを傍受してこのコードに結び付けることができます。幸運を！

于 2012-04-03T14:49:27.480 に答える