How to make a web page editable in real-time and save locally?

Question

I have a basic .html file i use for my homepage, it has links to various websites i visit with html and some css

Im looking to make it editable in real-time (in the browser) and making it save automatically directly to the .html file

not sure where to start?

Welcome to Stack Overflow. Read here for more information about how to create a Minimal, Complete and Verifiable question. — Toby
– Toby, Commented Jul 25, 2016 at 12:30
Browser don't have the ability to edit html and save it automatically since that's usually not required, and may even be a security flaw. You'll need to send requests to a server that saves the modified page. — Carcigenicate
– Carcigenicate, Commented Jul 25, 2016 at 12:31

ysurilov · Accepted Answer · 2016-07-25 13:01:06Z

2

Try in console on any page:

document.documentElement.contentEditable = true;

edited Jul 25, 2016 at 13:01

answered Jul 25, 2016 at 12:59

ysurilov

3001 silver badge16 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ashwin Ramaswami Over a year ago

This doesn't save automatically to a HTML file though.

ysurilov Over a year ago

It's true. Use AJAX for sending data to server, for example, see jsfiddle.net/ch6yn

Quentin Over a year ago

The question said locally not "on a remote server".

Community · Accepted Answer · 2017-05-23 11:58:55Z

It is not possible to automatically save an HTML page to the client locally. However, it is possible to let the user download the current page, say, by clicking a button that says "Download." See this answer for an example of the implementation.

However, if you want to save it to the server, you can do that using AJAX requests. You will need a server-side implementation of this, not just static HTML, though.

Collectives™ on Stack Overflow

How to make a web page editable in real-time and save locally?

2 Answers 2

3 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Linked

Related