Как сделать интерактивный веб-сайт и разрешить пользователю редактировать содержимое веб-сайта?

Для начала, я довольно хорошо разбираюсь в html5 и css3. Прямо сейчас я пытаюсь создать веб-сайт, который позволяет посетителям редактировать содержимое веб-сайта, чтобы все посетители могли видеть изменения. Я знаю о contenteditable, но этот атрибут не длится, когда страница обновляется и никакие другие посетители не видят правки. Например:

<p> Edit me please </p>

Посетитель мог бы редактировать элемент выше, посетив веб-сайт и просто выбрав и введя. Кроме того, я слышал, что javascript, jquery, sql и php могут все позволить посетителям редактировать содержимое веб-сайта, но я не знаю, что лучше.

Подводя итог, если кто-то знает, как разрешить посетителям сайта редактировать его содержимое, было бы очень приятно поделиться своими знаниями.

1 ответ

  1. Создайте таблицу базы данных (назовем ее «strings») и просто определите 2 столбца — «string_identifier» и » string_value»

    При отображении страницы просто запросите базу данных, чтобы получить строки и их идентификаторы. Каждый редактируемый элемент должен иметь атрибут, содержащий его идентификатор.

    С помощью jquery можно записать событие click на все редактируемые элементы и заменить его входным текстом.

    Затем назначьте этому входу обработчик событий, чтобы при нажатии клавиши enter он отправлял запрос php-скрипту (с идентификатором и новой строкой в качестве данных) на сервере для обновления базы данных новой строкой.

    Если вы хотите текущие обновления для всех других клиентов (нет необходимости обновлять), используйте jquery для непрерывного запроса файла на сервере (бесконечный цикл), который вернет объект JSON, содержащий все строки. Затем перейдите и замените текст всех редактируемых элементов данных новыми строками, полученными от сервера.