对本地网页进行编辑并使用书签在本地保存更改？

Question

发现了 contenteditable HTML 属性并想使用我的网络浏览器编辑我的 local 页面。

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

通过为整个 BODY 设置新的 contenteditable 属性，我可以编辑（并在 Chrome 中进行拼写检查），但我无法保存新版本。

是否可以创建一个简单的小书签来保存（下载）源、覆盖原始文件并刷新？浏览器拥有所有必要的信息，而且听起来很简单——但超出了我的理解范围。

我很乐意接受覆盖 yes/no 对话框，但不想每次保存文档时都必须导航到原始文件位置。如果当前页面不是本地文件，小书签应该默认下载。

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

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 插件。

非常感谢。

加文

Answer 1

如果我理解正确，我想会使用像 C# 或 Python 这样的语言来完成。

Answer 2

使用chrome的解决方案：

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

因此，如果您可以生成标题与文件名相同的页面（没有默认扩展名“.html”），您只需同意覆盖即可。

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

加文

对本地网页进行编辑并使用书签在本地保存更改？

Make edits to a local webpage and save the changes locally with a bookmarklet?

html

javascript

contenteditable