如何制作一個交互式網站並允許用戶編輯網站內容？

Question

首先，我對html5和css3都相當了解。 現在，我正在嘗試創建一個允許訪問者編輯網站內容的網站，以便所有訪問者都可以看到所做的編輯。 我知道contenteditable，但是刷新頁面時此屬性不會持續，其他訪問者也無法查看修改。 例如：

<p> Edit me please </p>

訪問者可以通過訪問網站並只需選擇並鍵入內容來編輯上面的元素。 我也聽說javascript，jquery，sql和php都可以允許訪問者編輯網站內容，但是我不知道哪個是最好的。

綜上所述，如果有人知道如何允許網站訪問者編輯其內容，那么非常感謝您分享他們的知識。

Answer 1

創建一個數據庫表（我們稱其為“ strings”），只需定義2列-“ string_identifier”和“ string_value”

呈現頁面時，只需查詢數據庫即可獲取字符串及其標識符。 每個可編輯元素應具有一個包含其標識符的屬性。

您可以使用jquery捕獲所有可編輯元素上的click事件，並將其替換為帶有該文本的輸入。

然后為該輸入分配一個事件處理程序，以便在按下Enter鍵時，它將請求發送到服務器上的php腳本（以標識符和新字符串作為數據），以使用新字符串更新數據庫。

如果您希望對所有其他客戶端進行實時更新（無需刷新），請使用jquery持續請求服務器上的文件（無限循環），這將返回包含所有字符串的JSON對象。 然后，使用從服務器接收到的新字符串替換數據中所有可編輯元素的文本。