HTML5拖放而不更改标记

时间:2013-04-29 21:10:06

标签: html5 drag-and-drop jquery-ui-sortable

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

我想知道是否可以使用html5拖放功能而不用将标记添加到html(即,不添加draggable =“true”。

我问的原因是因为我想在TinyMCE中使用它,但我不想发布到前端dragabble =“true”。我只希望拖放功能在后端运行。

有什么想法吗?

P.S。我想我可以看到TinyMCE中是否有一个过滤器,当内容实际发布到前端时,但我首先想看看是否可以在没有过滤器的情况下执行此操作。

1 个答案:

答案 0 :(得分:0)

这些东西默认是可拖动的(即没有任何属性):

  • 链接
  • 图片
  • 选择

如果您可以将想要拖动的所有内容都作为其中一项,那么您就可以了,您只需要以正常方式处理事件。我能想到的最简单的方法是:

  • 绝对定位的图像为“拖动代理”(如果它们绝对定位,那么它们将不在文档流程中)
  • 在鼠标悬停时自动选择文字

但是,我认为动态添加和删除draggable属性要简单得多,例如。使用jQuery(可能在TinyMCE的保存事件中):

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