HTML5 ContentEditable только при входе в систему

Question

Я создаю очень простой веб-сайт для кого-то, и они хотят иметь возможность редактировать только определенные атрибуты сайта, а именно основной текст. Я подумал, что использование ContentEditable было бы лучшим решением для этого, потому что WordPress или подобная CMS были бы излишними для такой простой вещи. Вот список того, что я ищу, и если бы кто-нибудь мог мне помочь, это было бы очень ценно!

1. Базовая форма входа (нужен только один пользователь / пароль (для администратора)) на своей странице.
2. После входа в систему администратор видит небольшую иконку / кнопку редактирования, которую не видят обычные пользователи.
3. Нажав, что активирует ContentEditable, и после завершения редактирования появится кнопка «Сохранить», в которой текст будет сохранен для всеобщего просмотра.

Я пытаюсь держаться подальше от MySQL, что является еще одной причиной, по которой я считаю, что это лучший метод. Я просто нахожусь в тупике при входе / сохранении частей.

Answer 1

Все еще в бета-версии.

http://selectorapp.net/

В качестве логина используется ftp.

Answer 2

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

Он использует PHP и Javascript с поддержкой HTML5.По сути, вы просто встраиваете PHP-скрипт в свою страницу и определяете редактируемые области, устанавливая класс CSS runty-editable для элементов HTML.Затем войдите на сайт http://yoursite.com/runty.

Похоже, проект не обновлялся в течение нескольких месяцев, и мне все еще нужно его опробовать.

Answer 3

Я знаю, что это очень старый вопрос, но я построил что-то для очень похожей цели в прошлом месяце.Это полностью клиентская сторона и очень легкая.

Это расширение для Chrome, которое позволяет вам использовать contenteditable в качестве CMS, подобно тому, как вы описали то, что вы хотели.

Вам необходимо включить один файл Javascript на страницу, которую вы хотите сделать "разрешенной для педита", и добавить атрибут data-pedit к элементам на этой странице, которые должны быть доступны для редактирования.

После этого, просматривая свой сайт в Chrome, вы можете войти в систему, открыв расширение (в первый раз, когда вы это сделаете, он попросит вас установить пароль) и начать редактирование ваших отдельных contenteditable тегов.Когда вы снова нажмете значок расширения, он сохранит все ваши изменения.

Проверьте это на http://pedit.xyz

Answer 4

Кто-то уже упоминал об этом (пока он еще был в бета-версии), но оформить заказ: selector.io

Это решит все ваши проблемы:

1. Предоставляет интерфейс входа для пользователей

2. Хороший редактор, чтобы пользователи могли легко вносить изменения, попробуйте его здесь: selector.io / demo

3. Сохраняет изменения обратно в файлы HTML вашего сервера (на вашем сервере ничего не установлено)

Минимальная настройка, плюс она может использоваться на интерактивных и анимированных сайтах.

Answer 5

Примерно так:

http://mojomotor.com/

Требуется база данных, хотя и не бесплатная

Или похожая и бесплатная, очень простая CMS

http://get -simple.info /