【问题标题】:How to make a web page editable in real-time and save locally?如何使网页实时可编辑并保存在本地?
【发布时间】:2023-03-18 04:14:02
【问题描述】:

我有一个基本的 .html 文件用于我的主页,它包含指向我使用 html 和一些 css 访问的各种网站的链接

我希望使其可实时编辑(在浏览器中)并使其自动保存到 .html 文件中

不确定从哪里开始?

【问题讨论】:

  • 欢迎来到 Stack Overflow。 Read here 了解有关如何创建最小、完整和可验证问题的更多信息。
  • 浏览器无法编辑 html 并自动保存它,因为这通常不是必需的,甚至可能是一个安全漏洞。您需要向保存修改后页面的服务器发送请求。

标签: javascript html css real-time offline


【解决方案1】:

在任何页面上的控制台中尝试:

document.documentElement.contentEditable = true;

【讨论】:

  • 这不会自动保存到 HTML 文件中。
  • 这是真的。使用AJAX向服务器发送数据,例如见jsfiddle.net/ch6yn
  • 问题说本地不是“在远程服务器上”。
【解决方案2】:

无法自动将 HTML 页面保存到客户端本地。但是,可以让用户下载当前页面,例如,通过单击“下载”按钮。有关实现的示例,请参阅 this answer

但是,如果您想将其保存到服务器,您可以使用 AJAX 请求来实现。不过,您将需要一个服务器端实现,而不仅仅是静态 HTML。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-12-06
    • 1970-01-01
    • 2022-07-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多