Javascript 保存对“所做的更改”；“内容可编辑”；节返回到原始HTML文件

如何将对“contentEditable”部分所做的更改保存回原始HTML文件。这可能吗

我需要创建一个html文件，其中包含用于用户更改的部分。使用他们的web浏览器，我希望用户能够“保存”更改，以便实际更新原始HTML文件。此文件可能存储在用户的PC上，最终可能托管在服务器上。无论它在哪里，它都需要将更改写回HTML文件

编辑：

---

也许更多的细节会有所帮助。我正在寻找为所有我通用的RPG创建一个动态字符表。我使用了文档共享服务，但是HTML+javascript的交互和动态特性提供了更多我需要的东西。设计这个文件很容易。我只希望玩家在web浏览器中打开它（即使存储在桌面上），做笔记和编辑，然后单击“保存角色”按钮，将更改的元素写回原始HTML文件。如果没有可以想象的方法来做这件事，那好吧，我想要一些确定的信息

文件位于某个服务器上，浏览器从该服务器检索文件，之后您可以处理可编辑内容，因此要将更改传播到原始文件，您至少需要两件事：

具有

contentEditable

属性的元素上的事件处理程序，以便您可以挂接到它们的内容修改中

服务器上的API，允许您告诉它使用内容Y更新文件X

基本方法是：

在浏览器中从服务器加载HTML

单击具有

contentEditable

属性的元素并开始编辑

完成编辑，并启动元素的javascript处理程序（请参阅以了解如何执行）

获取当前URL、到您刚刚更改的元素的路由及其新内容，然后将其发布到服务器。这要求：

服务器正在运行一个接受路由，该路由侦听某些路由上的POST数据，如

…/changepage

（当然，不接受任何人的输入），并且：

可以获取发布的文件名、元素路径和内容字符串，打开该文件，找到有问题的元素，替换其内容，并将其打包回具有与以前相同文件名的新文件中

至少可以说，这是非常脆弱的，容易出现错误和滥用。有更好的方法可以做到这一点，而且几乎所有这些方法都依赖于拥有一个content server，以及一个从content server中加载特定可编辑元素内容的页面，因此显示、编辑和保存内容都是“一件事”而不是指向需要根据元素路径在.html文件中解析的元素

或者，让事情变得更简单，使用诸如React之类的工具，让大部分时间都是即时的。当然，您仍然需要编写服务器，以便它能够提供内容并接受修改请求

---

不幸的是，您想做的事情实际上很难做到既安全又好。

请查看以下HTML5编辑器之一，它们具有保存功能：或