HTML ノードを他のノードにドラッグ アンド ドロップできる必要があります。たとえば、次の HTML 構造から始めるとします。
<div class="first">
<h1>Title</h1>
<p>Some content</p>
</div>
<div class="second">
<h2>Subtitle</h2>
</div>
<h1>
または<p>
タグを選択して、 内のいずれかをドラッグできるようにする必要がありますdiv.second
。したがって、結果は次のようになります。
<div class="first">
<h1>Title</h1>
</div>
<div class="second">
<h2>Subtitle</h2>
<p>Some content</p>
</div>
(オプションの)プラスとして、ドロップ領域にプレースホルダーが必要です。タグを宛先にドロップする前に、<p>
タグのコピーを配置して、どのように見えるかを確認してください。
JavaScriptでどのように行うことができますか?