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

时间:2013-11-30 23:10:55

标签: javascript html local-storage contenteditable

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

我知道这是一个奇怪的请求,我有一个非常具体的想法,我将在下面作为可选读物包括在内。

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

然后我发现只需添加:

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

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

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

无论是通过保存HTML还是使用其他类型的简单存储来保存这些编辑?

推理: 我有一个简单的本地html页面,我将与其他同事一起使用。这些同事并不是非常精通技术(甚至比我还要少)。非常提到试图解释如何编辑html并对文本进行更改创建了空白的目标,并且不愿意在项目上工作。我非常希望他们能够从前端编辑此HTML页面的文本,而不是搞乱任何编码。 此外,我已经安装了一个Xampp服务器和wordpress - 这已经变得有点矫枉过正了,并再次混淆了其他人。

谢谢,

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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