Власний продукт

LiveEdit

Редагування сайту прямо на сторінці

LiveEdit виріс із розмови, яка повторювалася раз за разом: клієнт отримує швидкий статичний сайт, а потім питає, як змінити телефон у підвалі, не смикаючи розробника. Чесні відповіді були однаково поганими — прикрутити CMS, яка сайту не потрібна, або відповідати на повідомлення щоразу, коли змінюється слово.

Тому це одна тека. Копіюєте livedit/ в корінь сайту, відкриваєте /livedit/, входите — і будь-який заголовок, абзац, посилання та кнопка на справжній сторінці стають клікабельними. Правки пишуться прямо в HTML-файл, перед кожним збереженням робиться резервна копія. Більше в сайті не змінюється нічого: не потрібно проставляти атрибути, переписувати розмітку, заводити базу чи ставити npm.

LiveEdit — екран 1
LiveEdit — екран 2
LiveEdit — екран 3

Що вміє

Правка тексту на місці

Клікаєте по заголовку, абзацу, посиланню чи кнопці й правите прямо на сторінці. Жирний, курсив, підкреслення і закреслення — на панелі.

Працює без налаштування

LiveEdit сам обходить DOM і позначає редаговані елементи. Нічого не потрібно розмічати і змінювати у верстці — звичайний HTML, PHP-шаблони, усе, що віддається як HTML.

Прев'ю мобільної версії

Перемикаєтеся на ширину телефона і бачите, як правка виглядає на мобільному, не виходячи з редактора.

Збереження в сам файл

Зміни пишуться у .html-файл на сервері. Жодної бази і хмари. Перед кожним збереженням копія кладеться в livedit/backups/.

Картинки і блоки (Pro)

Міняєте зображення кліком по ньому — avif, webp і jpeg оновлюються всі. Цілі секції рухаються, копіюються і видаляються перетягуванням.

Посилання та вихідник (Pro)

Правите href, target, CSS-класи і будь-який інший атрибут прямо з панелі або відкриваєте редактор HTML, коли так швидше.

Ціни

Free

$0назавжди
  • ·Правка тексту на місці
  • ·Працює на будь-якій HTML- чи PHP-сторінці
  • ·Прев'ю мобільної версії
  • ·Без обмеження за кількістю сайтів

Pro

$49разово, за домен
  • ·Усе з Free
  • ·Завантаження і заміна зображень
  • ·Перетягування, копіювання і видалення блоків
  • ·Редактор HTML-вихідника
  • ·Усі майбутні оновлення Pro

Технічні деталі

ВимогиPHP 7.4 або вище
СервериApache і Nginx (для Nginx потрібне одне правило rewrite)
Розмір~80 КБ
База данихНе потрібна
ЗбіркаНе потрібна — ні npm, ні бандлера
ЗберіганняПравки пишуться у .html-файл, копії — у livedit/backups/
БезпекаПаролі через bcrypt, CSRF-токени на запис, конфіги закриті через .htaccess, сесія 120 хвилин
Мови інтерфейсуАнглійська і російська

Часті питання

PHP 7.4 або вище, на Apache чи Nginx. Для Nginx потрібне одне правило rewrite, точний конфіг лежить у README. Ні бази даних, ні Node.js не потрібно.

Так. LiveEdit сам обходить DOM і позначає редаговані елементи, розмічати нічого не треба. Працює зі звичайним HTML, PHP-шаблонами і всім, що зрештою віддається як HTML.

Прямо у .html-файл на вашому сервері — без бази і без хмари. Перед кожним збереженням копія кладеться в livedit/backups/.

На домен. Одна ліцензія вмикає Pro на одному домені разом з усіма підпапками, піддомени рахуються окремо. На одному домені можна тримати кілька копій LiveEdit для різних розділів.

Паролі зберігаються через bcrypt, кожен запис іде з CSRF-токеном, резервні копії та конфіги закриті від вебу через .htaccess, сесія спливає через 120 хвилин. Пароль за замовчуванням потрібно змінити при першому вході.

Тому що клієнти раз за разом питали, як змінити рядок тексту на статичному сайті без розробника, а будь-яка чесна відповідь означала прикрутити CMS, яка сайту не потрібна. Це виявилася відповідь менша.

Потрібно щось схоже?

Я роблю продукти не лише для себе. Якщо у вас є ідея інструмента чи сервісу — розкажіть, і я скажу, у що це виллється за термінами та бюджетом.