在网站上本地编辑文本 - 刷新页面后不重置

Question

我想知道是否有办法在网站上本地编辑特定标签，这样即使页面重新加载后标签也不会改变。

可以使用Chrome Developer-Tools编辑值。但是，如果刷新页面，则将重置所有更改。

有没有办法以这样的方式更改某个值，使其在页面重新加载后不会改变？

提前致谢！

Answer 1

我就是这样做的：

• 将data-editableId =“XXXX”属性分配给您要修改的标签。

• 在页面中添加一些JS，为每个具有该属性的元素添加click和blur事件侦听器。

• onclick函数应将contenteditable =“true”属性添加到单击的元素。然后您就可以编辑标签了。

• onblur函数应该获取data-editableId属性和元素的文本，并通过AJAX将它们发送到PHP服务器脚本。

• 在PHP中，您可以更新数据库或HTML文件并更改内容。重新加载页面时，元素将包含新文本。

当然，这个JS应该只对你有用（只有设置了一些管理会话变量才可以包含它）。