Webkit：将块元素（div，span）拖放到一个可信的容器中

Question

有人知道如何在Chrome中的contenteditable容器内拖放div / span的全部内容吗？

我有这样的事情：

<div contenteditable="true">
 <p>Some text</p>
 <span class="image_frame" contenteditable="false" //don't want to edit its content>
  <img src="/test.jpg" style="position:relative;z-index=-1;//hack to not copy the image">
 </span>
</div>

我想在“Some”和“text”之间移动带有图像的span元素。这在Firefox中有效。

Answer 1

您可以将html5 draggable = "true"属性添加到span元素中。 在chrome（版本23.0.1271.64 m）上测试它并在“some”和“text”之间删除图像。 希望这会有所帮助。