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

时间:2016-05-05 03:25:04

标签: javascript php jquery html5 css3

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

<p> Edit me please </p>

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

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

1 个答案:

答案 0 :(得分:0)

创建一个数据库表(让我们称之为“字符串”),然后定义2列 - “string_identifier”和“string_value”

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

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

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

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