为拖放生成html代码答案

【问题标题】：Generating html code for drag and drop为拖放生成html代码
【发布时间】：2011-04-08 01:48:53
【问题描述】：

我想为我的应用程序的用户提供拖放功能。假设我有一个 div 容器，用户可以在其中将 div 中的图像拖放到 div 中的任何位置。类似于http://threedubmedia.com/code/event/drag/demo/basic 的东西。但是我需要的是在拖放完成后，我想将容器div的html代码提取出来，以便我可以存储它并在以后的时间点显示给用户，或者在其他地方使用它一些其他的目的。有很多用于拖放的 jquery 插件，但我找不到任何可以为拖动的元素生成 html 代码的插件。最直接的方法是什么？提前致谢。

【问题讨论】：

标签： html drag-and-drop

【解决方案1】：

嗯，使用 javascript 提取 div 的内容相当简单。如果您已经在使用 jquery，您可以简单地执行以下操作：

var contents = $('#draggedDiv').html();

或者对于普通的javascript：

var contents = document.getElementById('draggedDiv').innerHTML;

这是你的意思吗？

【讨论】：

【解决方案2】：

我知道的最简单的方法是使用 JavaScript，将拖动的 div 的 innerHTML 存储在 JS 变量中。

var dragDiv;
dragDiv = getRefToDiv( 'drag-div-id' ).innerHTML;
...

<body>
<div id="drag-div-id">
<!-- the div's contents -->
</div>
</body>

【讨论】：