Как попробовать
- Напишите свой текст в демонстрации.
- Нажмите Сохранить снимок — JSON и CSS записываются в localStorage этого браузера.
- Измените текст. Сохранённая копия не меняется автоматически.
- Нажмите Восстановить снимок — редактор вернётся к версии из шага 2.
Под кнопками видно время сохранения. Перезагрузка страницы сохраняет снимок; другие браузеры/устройства его не получают. Удалить снимок очищает локальную копию, оставляя текущий документ в редакторе. В исходнике сначала вернитесь к визуальному редактированию: кнопки не сохраняют непроверенный черновик.
Код
localStorage.setItem('vitext-example-snapshot', JSON.stringify({
version: 1, json: editor.getJSON(), css: editor.getCSS(), savedAt: Date.now()
}));
// Восстановление — отдельное действие, после изменений:
const saved = JSON.parse(localStorage.getItem('vitext-example-snapshot')!);
await editor.setContent(saved.json, { css: saved.css });
Ограничения
Это демонстрация браузерного хранения, а не сервера. Если браузер запрещает localStorage или данные повреждены, отображается сообщение; текущий документ остаётся доступен. Не храните здесь единственную копию важного текста. Сохраняется последняя применённая версия документа вместе со стилями; JSON отдельно не содержит CSS.
Установите @vitext-ru/editor@beta из npm или используйте браузерный архив. Подробное руководство. Открыть отдельно.