Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/438.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 对网页进行编辑并在本地保存更改_Javascript_Html_Local Storage_Contenteditable - Fatal编程技术网

Javascript 对网页进行编辑并在本地保存更改

Javascript 对网页进行编辑并在本地保存更改,javascript,html,local-storage,contenteditable,Javascript,Html,Local Storage,Contenteditable,我想找到一种方法,我可以让别人编辑一个html网页(在本地找到),并允许他们保存他们所做的更改 我知道这是一个奇怪的要求,我有一个非常具体的想法,我将包括以下作为一个可选阅读感兴趣的人 我发现地址栏中的代码用于编辑:document.body.contentEditable='true';document.designMode='on';无效0 然后我发现只需添加: <div id="columns" contentEditable="true"> 完成作业,因为我可以编辑h

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

我知道这是一个奇怪的要求,我有一个非常具体的想法,我将包括以下作为一个可选阅读感兴趣的人

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

然后我发现只需添加:

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

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

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

不管是通过保存HTML还是使用其他类型的简单存储,都可以保存这些编辑吗

理由: 我有一个简单的本地html页面,我将与其他同事一起使用。这些同事不是很精通技术(甚至比我还差)。一提到试图解释如何编辑html并对文本进行更改,就会产生一种茫然的眼神,并且不愿意参与该项目。我非常希望他们能够从前端编辑这个HTML页面的文本,而不会弄乱任何编码。 此外,我还安装了一个Xampp服务器,wordpress-这已经变得有点过分了,并且再次混淆了其他人


谢谢,

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

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

如果您还希望其他用户看到更新的页面,则需要服务器脚本在服务器上更新页面。如果没有服务器端脚本,其他用户将看不到这些更改,或者这些更改不会持久化。对不起对我来说是一种完全不同的语言。我将把这段代码放在哪里,或者如何将其用于本地HTML?很抱歉我缺乏知识,我一直在寻找一个关于如何使用它的简单解释。localStorage是一个可以在较新浏览器上使用的API,您可以使用JavaScript进行操作。我认为这是实现你想要的唯一简单的方法。这里有一个小教程:基本上,你设置了一个键,值对,你的值就是你的可编辑div的内容。我知道如何在本页的源代码中使用它。非常感谢。