Witam,
Mam dwa elementy div. Div po lewej stronie zawiera tekst div po prawej stronie elementy image, audio lub video, chciałbym z diva z prawej strony móc przeciągnąć element (i przy okazji sklonować) do diva ze strony lewej. W miarę z tym problemem sobie poradziłem przy pomocy: Draggable, Sortable z biblioteki JQuery UI, ale jest problem podczas przeciągania do wnętrza znacznika p. Po prostu biblioteka traktuje taki element jako całość i albo mogę przeciągnąć nad niego albo pod niego.

   $("#divPrawy").sortable({
                connectWith: ".divLewy",
                forcePlaceholderSize: false,
                 opacity: 0.5,
                revert: true,
                cursor: "move",
                helper: function(e, li) {
                    copyHelper = li.clone().insertAfter(li);
                    return li.clone();
                },
                stop: function() {
                    copyHelper && copyHelper.remove();
                }
            });
            $(".divLewy").sortable({
                 opacity: 0.5,
              //  revert: true,
                cursor: "move",
                receive: function(e, ui) {
                    copyHelper = null;
                }
            });

Mogą być rozwiązania bez tej biblioteki nawet byłoby lepiej. Podsumowując, chodzi o klonowanie elementów z jednego diva do drugiego, aby móc je klonować w dowolne miejsce w divie drugim. Oczywiście w divie drugim(chodzi o ten po lewej) nadal musi istnieć możliwość przenoszenia elementów (wszystkich innych oprócz tekstu -

,

itp.) po divie lewym.</p>

Może inaczej, np. jeśli elementowi div nadamy właściwość contenteditable na true, wtedy jak przeciągamy grafikę kursor w tekście "tak fajnie" podąża za myszką, mi chodzi, żeby tak fajnie podążał nie tylko dla elementów image ale i też innych np. audio, video.