【问题标题】:HTML5 Drag and Drop Without Changing the MarkupHTML5 拖放而不更改标记
【发布时间】:2013-04-29 21:10:06
【问题描述】:

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

我想知道是否可以使用 html5 拖放功能向 html 添加标记(即不添加 draggable="true"。

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

有什么想法吗?

附:我想我可以看到 TinyMCE 中是否有一个过滤器,用于内容实际发布到前端的时间,但我首先希望看看是否可以在没有过滤器的情况下执行此操作。

【问题讨论】:

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


    【解决方案1】:

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

    • 链接
    • 图片
    • 选择

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

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

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

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

    【讨论】:

      猜你喜欢
      • 2013-02-02
      • 2012-01-17
      • 2012-04-24
      • 1970-01-01
      • 2018-12-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多