jHTMLArea拖放不起作用[关闭]

Question

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

这里是fiddle。

任何想法都会有所帮助？

Answer 1

您尝试拖动的元素确实是可拖动的，但是您将 containment 定义为 parent，因此您只能在其父级中对它们进行分级。
如果您希望能够在其父 div 之外对项目进行分级，则可以使用 remove the containment 或 set it to body。

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

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

您可以使用 jHtmlArea 的 pasteHTML 函数来执行此操作。
由于某种原因，jHtmlArea 在尝试插入被拖动的 img 元素时出现了一些问题，但您可以从以下内容开始：

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

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