Редагування статичних HTML сторінок у браузері

У процесі створення чергового статичного сайту-заглушки виникла потреба оптимізувати процес. Що з того вийшло?

Як це працює:

Активація режиму редагування WYSIWYG

'); //запускаємо prettify парсер prettyPrint(); >);

Після закінчення редагування елемента

Якщо редагувався текст

Встановлення та приклад використання:

Для тестування необхідний встановлений node.js (якщо його немає почати можна тут habrahabr.ru/post/95960/ або nodejs.org/download/)

Скористайтеся bootstrap шаблоном від initializr

Встановлюємо залежність для node.js

Відкриваємо http://localhost:3000 та починаємо редагувати.

Легенда:

1. Клік на елементі для редагування тексту сторінки
2. Подвійний клік для активації режиму редагування HTML
3. Праворуч нагорі кнопка Save зберігає зміни. Кнопка Copy поруч робить копію поточної сторінки та переходить на неї
4. Для завершення редагування можна використовувати клік на нередагованому елементі або ESC

Чого бракує?

• Портувати на php
• Додати можливість аутентифікації для редагування безпосередньо на сервері

---