Question

我制作了一个拖放工具，使用户可以直接在工作场所拖放元素并创建他们的页面，我怎样才能将用户的工作保存为HTML页面！

Answer 1

你的意思是所有元素的位置？如何迭代它们并保存它们的位置？如果你使用jQuery，你可以这样做：

var positions = new Array();
function savePositionOfAllDivs() {
 $('div').each( function(){
  $this = $(this);
  id = $this.attr('id');
  position = $this.position();
  left = position.left;
  top = position.top;
  positions[id] = new Array();
  positions[id]['left'] = left;
  positions[id]['top'] = top;
 }
}

然后将位置数组发送到某个服务器端脚本，然后将其转换为CSS，然后将其嵌入到用户可以下载的HTML页面中。

（有关你试图做什么的更多特殊信息可能会更容易和有效。说它是一个命令拖放功能然后你只需要保存div的顺序）

Answer 2

嗯，..按下保存按钮？但说真的，我想你可能想在你的问题上提供更多的信息，例如你正在使用的系统等等。

Answer 3

document.getElementsByTagName（ “BODY”）[0] .innerHTML

Answer 4

也许使用XPath。您可以在SO上找到有用的this讨论。

编辑：或许你可以用Node.childNodes做某事。有关更多信息，请查看MDC here

Answer 5

大多数jQuery拖动＆amp; drop libraries能够序列化要移动到可以保存的数组中的元素。如果你给我链接到你正在使用的特定库，我可以告诉你如何利用它。

但是，如果您自己制作，则必须尝试上述建议之一。

Answer 6

您是否正在尝试找出传输HTML和HTML的最佳方法？从前端到服务器的CSS或在服务器上保存HTML的最佳方式（如在DB或文件中）？

Answer 7

我正在使用jquery，并且我制作了一个拖放实用程序，您可以使用它在页面中放置一些html元素，我需要知道如何将用户工作保存在他可以下载的HTML文件中，或者可以查看保存后他的工作

Answer 8

我需要与porta一样的解决方案。我的情况是我正在构建一个拖放cms。用户可以拖放drop html元素来构建他们的页面。现在我如何保存这些更改（到db或会话var），并且必须能够创建一个静态页面，其中包含用户使用php进行的所有上述更改。有人可以解释一下。我是jquery的新手，不会认为自己是php的专家。

如何保存用户制作的HTML页面？

8 个答案: