javascript - 如何制作交互式网站并允许用户编辑网站内容？

Question

首先，我对 html5 和 css3 相当了解。现在我正在尝试创建一个允许访问者编辑网站内容的网站，以便所有访问者都能看到编辑内容。我知道 contenteditable 但是当页面刷新时这个属性不会持续并且没有其他访问者看到编辑。例如:

<p> Edit me please </p>

访问者可以通过访问网站并简单地选择和输入来编辑上面的元素。另外我听说javascript、jquery、sql和php都可以让访问者编辑网站内容，但我不知道哪个最好。

总而言之，如果有人知道如何允许网站的访问者编辑其内容，我们将不胜感激分享他们的知识。

Answer 1

创建一个数据库表(我们称之为“strings”)，并只定义 2 列 - “string_identifier”和“string_value”

呈现页面时，只需查询数据库以获取字符串及其标识符。每个可编辑元素都应该有一个包含其标识符的属性。

您可以使用 jquery 捕获所有可编辑元素上的点击事件，并将其替换为具有该文本的输入。

然后为该输入分配一个事件处理程序，因此当按下回车键时，它会向服务器上的 php 脚本(使用标识符和新字符串作为数据)发送请求，以使用新字符串更新数据库。

如果您希望对所有其他客户端进行实时更新(无需刷新)，请使用 jquery 不断请求服务器上的文件(无限循环)，这将返回一个包含所有字符串的 JSON 对象。然后用您从服务器收到的新字符串检查并替换数据上所有可编辑元素的文本。