php - 使用 Javascript 编辑页面后保存页面？

Question

现在，每个人都知道将这段 Javascript 代码插入浏览器的 URL 栏的可爱小技巧:

document.body.contentEditable = 'true'; document.designMode = 'on'; void 0

还有 El Presto!您可以随心所欲地开始自由编辑网站。

唯一的问题是 - 您无法保存它!

快速研究后，我发现最有可能的最佳保存方法是 suggested here 方法。 ，包括以某种方式将页面变成一个巨大的表单并将其发布到 MySQL 数据库。

当然，虽然这样做很好，但它最终会保存我的整个页面 - 而不仅仅是我要编辑的部分或容器 - 这是一个主要问题，因为我们开发人员需要保留代码行，例如...

<?php include('header.php'); ?>

...未在 HTML 中输出。换句话说:它将保存我的页面，因为它出现在输出的 HTML 中，覆盖我原始 PHP 文件中的内容。

我要问的是如何保存这样编辑的网站，而只是保存或更新网站上的一个或两个可编辑容器(不是全部，所以我的 PHP 代码不这样做)不会被覆盖)？

例如:

<p>This Won't get updated when the page is "saved"</p>
<div id="update-this-contianer">
   This area will be passed on to the MySql database, and then updated into the same section of the original file.
</div><!-- End Area To Update -->

Answer 1

与其在整个主体上设置 contentEditable，不如将其放在您要编辑的元素上。然后，将该元素的内容发送到服务器。当您想要再次取回数据时，只需将该部分包含在适当的位置即可。