Make edits to a webpage and save the changes local

问题:

I am wanting to find a way I can have others edit a html webpage (found locally) and allow them to save the changes they have made.

I know this is an odd request, I have a very specific idea in mind, which I will include below as an optional read for those interested.

I found that this code in the address bar works for the editing: document.body.contentEditable='true'; document.designMode='on'; void 0

Then I found that just adding:

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

gets the job done since I can edit the html.

The problem is that I cannot save the changes. I have tried saving the page in several different formats, including webpage/complete, HTML only, TXT file.

Is there anyway to save these edits whether by saving the HTML or using some other kind of simple storage?

Reasoning: I have a simple local html page I will be using with other co-workers. These co-workers are not very tech-savvy (even less than me). The very mention of trying to explain how to edit the html and make changes to the text created blank stares, and an unwillingness to work on the project. I would very much prefer for them to be able to edit the text of this HTML page from the front end and not mess up any of the coding. Also, I have installed a Xampp server, and wordpress - this has become a bit overkill for the purpose and again, has confused the others.

Thanks,

回答1:

You can use localStorage to save the data in the user's browser.

回答2:

Go into JavaScript. Select and right-click on . Click copy as html. Then save into a .txt file somewhere. If you want to restore the website, right-click on and select Edit as html. Copy/paste the code in. Then it's back to normal.