HTML 文件在使用 table contenteditable 后自行保存

Posted 2023-05-07

【中文标题】HTML 文件在使用 table contenteditable 后自行保存

【英文标题】：HTML file saving itself after using table contenteditable

【发布时间】：2016-03-23 22:48:14

【问题描述】：

我有一个 html 文件，其中包含一个表格和一些带有“contenteditable”的行，在更改表格中的某些内容后，我想使用按钮或在我完成更改文本后保存它。不在本地，但我可以在另一台设备上使用之前保存的数据访问此 html 页面。

有没有办法在没有数据库、javascript 或 php 的情况下做到这一点？如果不是我的第一选择是php，但我也想不通。

我尝试将整个更改的 html 内容保存到自己，但不知何故我没有让它工作。我尝试将整个 html 内容发送到“save.php”文件，该文件读取 POST 数据并将数据保存到 .html 文件本身，但没有任何效果。

这可能只用 html 吗？

【问题讨论】：

让我反刍以确保我理解。您希望能够在一台设备上更改 HTML 元素的内容并将这些更改传播到另一台设备吗？很抱歉措辞的形象化，但我想如果我不能吐出你想要解释的内容，那么要么我理解得不够好，要么在某个地方存在脱节。

不，这是不可能的。您需要编写一个服务器脚本来执行此操作，然后通过在表格周围放置表单或使用 AJAX 将更改发送到服务器。

好吧，我的意思是您可以在本地保存更改，但是如果您希望在从另一台计算机访问页面时显示更改，您肯定需要服务器端代码（最好还有数据库） .

【参考方案1】：

如果您尝试在没有数据库的情况下执行此操作，那么使用 PHP 更改服务器端似乎是个好主意。如果您想在除本地以外的任何地方访问它，那么没有某种服务器端脚本就无法做到这一点。你有几个选择，但这是可能的。

您可以有一个脚本来获取您的 POST 数据并将其保存到一个文本文件中，另一个脚本可以从文本文件中获取数据以用于来自 .html 文件的 AJAX 请求，或者在您尝试时重新编写用 PHP 编写你的 html 页面内容。

您可以在一个页面中使用文本文件来保存数据。将表格放在 php 页面上，并在开始显示表格之前对文本文件进行所有读/写操作。只需将表单操作设置为同一页面即可。

关于关注点分离和良好的编程实践可能会有更好的答案，但关键是您正在做的事情是可能的。 下次遇到困难时，请在此处发布您的代码，而不是丢弃它，人们可以为您提供更具体的反馈。