现在，每个人都知道将这段 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 -->
最佳答案
与其在整个主体上设置 contentEditable，不如将其放在您要编辑的元素上。然后，将该元素的内容发送到服务器。当您想要再次取回数据时，只需将该部分包含在适当的位置即可。
关于php - 使用 Javascript 编辑页面后保存页面？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11816297/