编辑网页并在本地保存更改

Make edits to a webpage and save the changes locally

本文关键字:保存更改 网页 编辑      更新时间:2023-12-23

我想找到一种方法,让其他人编辑html网页(在本地找到),并允许他们保存所做的更改。

我知道这是一个奇怪的请求,我有一个非常具体的想法,我将在下面作为感兴趣的人的可选阅读。

我发现地址栏中的这段代码适用于编辑:document.body.contentEditable='true'; document.designMode='on'; void 0

然后我发现只是添加:

 <div id="columns" contentEditable="true">

完成工作,因为我可以编辑html。

问题是我无法保存更改。我尝试过用几种不同的格式保存页面,包括网页/完整、仅HTML、TXT文件。

是否有保存这些编辑的方法,无论是保存HTML还是使用其他类型的简单存储?

推理:我有一个简单的本地html页面,我将与其他同事一起使用。这些同事不太懂技术(甚至比我还差)。一提到试图解释如何编辑html并对文本进行更改,就会产生空白,也不愿意参与该项目。我非常希望他们能够从前端编辑这个HTML页面的文本,而不会打乱任何编码。此外,我安装了一个Xampp服务器和wordpress——这已经有点过头了,而且再次混淆了其他人。

谢谢,

进入JavaScript。选择并右键单击。单击"复制为html"。然后保存到某个.txt文件中。如果要恢复网站,请右键单击并选择"编辑为html"。复制/粘贴代码。然后恢复正常。

您可以使用localStorage将数据保存在用户的浏览器中。