jHTMLArea 拖放不起作用

Question

我在 jHtmlArea 中使用了 jquery-ui 拖放功能。页面在所有集成后未运行出错，但拖放功能仍然无法正常工作。

这里是 fiddle.

有什么想法可以帮助吗？

Answer 1

您尝试拖动的元素确实是可拖动的，但是您将 containment 定义为 parent，因此您将只能在它们的父项内对它们进行渐变。
如果您希望能够对父项目之外的项目进行评分，您可以 remove the containment or 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）。

jHTMLArea Drag and Drop not working