html - HTML5 拖放而不更改标记

Question

我想这个问题的答案是否定的，但以防万一我还是要问它。

我想知道是否可以在不向 html 添加标记的情况下使用 html5 拖放功能（即，不添加 draggable="true"。

我问的原因是因为我想在 TinyMCE 中使用它，但我不想发布到前端 dragabble="true"。我只希望拖放功能在后端起作用。

有任何想法吗？

PS我想我可以看看TinyMCE中是否有一个过滤器，用于内容实际发布到前端的时间，但我首先希望看看是否可以在没有过滤器的情况下做到这一点。

Answer 1

这些东西默认是可拖动的（即没有任何属性）：

• 链接
• 图片
• 选择

如果您可以使所有您想要可拖动的东西成为其中之一，那么您就可以了，您只需要以正常方式处理事件即可。我能想到的最简单的方法是：

• 绝对定位的图像作为“拖动代理”（如果它们是绝对定位的，那么它们将不在文档流中）
• 鼠标悬停时自动选择文本

但是，我认为动态添加和删除属性会简单得多draggable，例如。使用 jQuery（可能在 TinyMCE 的保存事件中）：

$('#editor *').removeAttr('draggable');