编辑本地网页并使用书签在本地保存更改?

时间:2015-06-04 18:29:10

标签: javascript html contenteditable

发现了令人满意的HTML属性,并希望使用我的网络浏览器编辑本地页面。

我自己生成这些页面并将它们存储在本地文件系统中,涉及无服务器。例如文件:///,P:/MyFile.htm

使用为整个BODY设置的新的contenteditable属性,我可以编辑(并在Chrome中进行拼写检查),但我无法保存新版本。

是否可以创建一个简单的书签,它将保存(下载)源代码,覆盖原始内容并刷新?浏览器具有所有必要的信息,听起来很简单 - 但超出了我的想法。

我很高兴接受覆盖是/否对话,但不希望每次我想保存文档时都必须导航到原始文件位置。如果当前页面不是本地文件,则应默认下载书签。

我能找到的最接近的只是使用通用文件名并提示保存到下载文件夹:

javascript:(function(){
var a=document.createElement('a');
a.href=location.href;a.download='filename.htm';
document.body.appendChild(a);
a.click();
a.parentNode.removeChild(a);
})();

如果之前被问到这个问题没有得到解答(Q20306730 - Make edits to a webpage and save the changes locally),许多人认为这些文件是服务的而不是本地的。我也不想要一个浏览器内编辑器,如Raptor Editor。

我们应该在Windows 7上使用IE8,因此我不想使用Chrome插件。

非常感谢提前。

加文

2 个答案:

答案 0 :(得分:0)

如果我理解正确,我认为会使用像C#或Python这样的语言来实现它。

答案 1 :(得分:0)

使用chrome的解决方案:

CTRL + S将提供使用页面标题+" .html"生成的默认名称保存文件。

因此,如果您可以生成标题等于文件名的页面(没有默认扩展名" .html"),您所要做的就是同意覆盖。

您必须导航到正确的文件夹,但仅在首次保存文件时导航。也许自定义保存脚本可能会避免这种不便 - 任何想法。

加文