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


How to make an interactive website and allow the user to edit website content?

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

<p> Edit me please </p>

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

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

创建一个数据库表(让我们称之为"字符串"),只定义2列-"字符串标识符"answers"字符串值"

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

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

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

如果您希望对所有其他客户端进行实时更新(无需刷新),请使用jquery在服务器上连续请求一个文件(无休止循环),该文件将返回一个包含所有字符串的JSON对象。然后浏览并将数据上所有可编辑元素的文本替换为从服务器收到的新字符串。