---
title: "Песочница Blok — попробовать блочный редактор"
description: "Попробуйте Blok прямо в браузере: слэш-команды, таблицы, колонки, перетаскивание блоков и JSON, который получается на выходе."
source: https://blokeditor.com/ru/demo/
lastmod: 2026-09-07
---

Интерактивное демо

# Попробуйте Редактор

Полностью интерактивный редактор прямо в вашем браузере. Введите`/`для команд, перетаскивайте блоки или выделяйте текст для форматирования.

Загрузка редактора...

Открыть тулбокс

Увеличить отступ

Отменить

Жирный текст

## Что можно попробовать

- **Слэш-команды** Введите / в пустом блоке, чтобы открыть тулбокс и вставить заголовок, список, цитату, блок кода или картинку.
- **Перетаскивание блоков** Возьмите блок за ручку слева, чтобы переместить его, или бросьте рядом с другим блоком, чтобы вложить внутрь.
- **Таблицы и колонки** Вставьте таблицу и правьте её ячейки прямо на месте или разбейте страницу на колонки и перетаскивайте блоки между ними.
- **Режим только для чтения** Откройте «Настройки» и переключите редактор в режим только для чтения, чтобы увидеть страницу глазами читателя.
- **Вывод в JSON** Здесь нет HTML: содержимое сохраняется как обычный массив блоков, готовый к хранению и отрисовке где угодно.

Мгновенный отклик

Всё происходит локально в браузере. Никаких запросов к серверу — только чистая производительность.

Чистый JSON

Контент хранится как структурированные JSON-блоки. Парсите, проверяйте и сохраняйте где угодно.

Блочная архитектура

Создавайте свои типы блоков с помощью простых JavaScript-классов. Полностью расширяемо.

## Куда идти дальше

- [**Быстрый старт** Установите пакет и подключите первый редактор в несколько строк.](https://blokeditor.com/ru/docs/quick-start/)
- [**Конфигурация** Все параметры конструктора Blok и их значения по умолчанию.](https://blokeditor.com/ru/docs/config/)
- [**Выходные данные** Точная форма JSON, который возвращает save(), блок за блоком.](https://blokeditor.com/ru/docs/output-data/)
- [**Адаптеры фреймворков** Готовые компоненты для React, Vue и Angular.](https://blokeditor.com/ru/docs/blok-editor/)

Настройки