jHTMLArea Drag and Drop не работает

Question

Я использовал функцию перетаскивания jquery-ui с помощью jHtmlArea. На странице не заканчиваются ошибки после интеграции, но функциональность перетаскивания не работает.

Адрес fiddle.

Любые идеи помогут?

Answer 1

Элементы, которые вы пытаетесь перетащить, действительно являются перетаскиваемыми, однако вы определили containment как parent, чтобы вы могли градировать их только внутри своего родителя.
Вы можете либо remove the containment, либо set it to body, если хотите, чтобы градиентные элементы были расположены за пределами их родительского div.

Ваша другая проблема, которая у вас есть (я думаю), что вы хотите, чтобы иметь возможность перетаскивать изображения и отбрасывать их внутри jHtmlArea, и для этого вам нужно будет написать определенную функцию для обработки падения (строка 35 в исходном коде):

drop: function (event, ui) { 
    // Here you need to handle the drop. 
} 

Вы можете использовать pasteHTML функцию jHtmlArea, чтобы сделать это.
По какой-то причине jHtmlArea были некоторые проблемы при попытке вставить IMG элемент, который был тащили, но вот что-то вы можете начать с:

drop: function (event, ui) { 
    $('.rich-textarea').htmlarea('pasteHTML', 'Here goes the HTML that you want to paste'); 
} 

Я думаю jHtmlArae имеет некоторые специфические проблемы с вставляя изображений из-за ошибки Я получил, когда пытался вставить тег изображения не был связан с перетаскиванием &. Возможно, вам стоит подумать о переходе к лучшему редактору (например, ckeditor).