javascript - 我应该如何将 HTML/CSS 内容发送到服务器？

Question

现状

我必须创建一个网络应用程序，允许我从一个空白页面开始，插入新的 html、图像等，并允许使用以下功能对其进行编辑:调整大小，定位等。

要弄清楚我在说什么，请参阅:https://www.scrollkit.com在它的 editor 部分。

我的问题

我应该如何将我创建的绑定(bind)了 CSS 的新 html 保存到我的服务器？

我是否应该使用 JSON 结构，在其中我将所有 elements 与类似的东西放在一起:

 { 
   attributes: "",
   tag: "div",
   html: "some-html", 
   ..
 }

或者我应该将整个(也许是“已编译”？)html 页面保存到文件系统中？

在此先感谢大家。

Answer 1

我认为这是一个架构问题，而不是代码问题，尤其是因为提问者没有具体说明他们正在使用或熟悉的服务器端技术。

以下是我的设计方式:

我有一个 div，所有内容都放在里面。我可以选择有一个样式元素(带有一个 id)，我所有的自定义 css 都将被写入其中。我只是将 div 和 css 样式的内容保存到服务器，使用 ajax，当发生各种事情时(用户点击保存按钮，可能每隔几分钟自动保存等)，并在需要时重新加载它(在页面上加载、重置按钮、可能撤消等)。

希望我能够构建我所有的插入/调整大小/位置代码以仅在 html 之外工作。如果需要，我会将数据元素放在我的 html 上以存储我需要的信息，以便我进行所有操作。我非常不愿意在内存中为我的所有元素创建一个重复的 JavaScript 结构，因为如果它们不同步，似乎噩梦就会发生。但是，如果您必须这样做，我也会将其保存到服务器并重新加载。如果结构或数据属性不存在，我会找到一种方法来重建它们。

我认为这是一个很好的开始。欢迎提问。