jquery - jHTMLArea 拖放不起作用

Question

我已经使用了jquery-ui拖放功能jHtmlArea。在所有集成之后，页面并没有耗尽错误，但拖放功能仍然无法正常工作。

这是小提琴。

任何想法会有所帮助吗？

Answer 1

您尝试拖动的元素确实是可拖动的，但是您将其定义为containmentas parent，因此您只能在其父级中对它们进行分级。如果您希望能够在其父 div 之外对项目进行分级，则
可以删除容器或将其设置为 body 。

您遇到的另一个问题是（我猜）您希望能够将图像拖放到 jHtmlArea 中，为此您需要编写一个特定的函数来处理拖放（原始代码中的第 35 行） ):

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

您可以使用pasteHTMLjHtmlArea 的功能来做到这一点。
由于某种原因，jHtmlArea 在尝试插入被拖动的 img 元素时遇到了一些问题，但您可以从以下内容开始：

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

我认为 jHtmlArae 在插入图像时存在一些特定问题，因为我在尝试插入图像标签时遇到的错误与拖放代码无关。您可能需要考虑使用更好的编辑器（例如ckeditor）。