5

Sto provando a spostare un testo trascinabile in un div che è contenteditable.Come trascinare e rilasciare il testo all'interno di contenteditable div con l'interfaccia utente di jQuery

Questa è la div:

<div class="droppable_tag" contenteditable="true">Facebook shuts down friends data <a contenteditable="false" class="draggable_tag">API</a> to generate more trust among users</div> 

L'obiettivo è quello di avere quel testo (in questo caso "API") reinserire nel div contenteditable una volta che è stata fatta cadere nel luogo in cui è stato fatto cadere. Ho provato ad ottenere il valore del div ma non so come inserire il draggable in esso.

Questo è il codice: https://jsfiddle.net/gsLq7cxy/1/

Qualsiasi aiuto apprezzato!

+0

È possibile verificare con la risposta qui: [Ripristinare un oggetto trascinabile jQuery nel suo contenitore originale in caso di trascinamento] (http://stackoverflow.com/questions/5735270/revert-a-jquery-draggable- oggetto-back-to-its-original-container-on-out-event-of) – juntapao

+0

non correlato ... ma grazie comunque – TheBigDoubleA

+0

Vuoi reinserire il div dove è stato rilasciato? Come in se il div è lasciato tra generare e più quindi il testo dovrebbe leggere 'generare più API '? –

risposta

1

Probabilmente starai meglio usando il sortable method; ha tutte le proprietà di trascinabile, ma riordina tutti gli elementi in base a dove un oggetto è caduto.

Avrai bisogno di racchiudere ogni parola in un elemento come span (vedi this post per soluzione) e quindi rendere il genitore ordinabile: $(".droppable_tag").sortable();.