用Javascript编辑后保存页面？

Question

现在,每个人都知道可爱的小技巧,你可以将这个Javascript代码打到浏览器的URL栏中:

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

还有El Presto!您可以根据自己的需要开始自由编辑网站.

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

在做了一些快速研究之后,我发现很可能,保存这个的最好方法是通过这里建议的方法,其中包括以某种方式将页面变成一个巨大的形式并将其发布到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只需将其放在要编辑的元素上,而不是设置整个主体.然后,将该元素的内容发送到服务器.如果要再次获取数据,只需将该部分包含在适当的位置即可.