---
title: "Width API — узкая и полная ширина"
description: "Чтение, установка и переключение ширины контента редактора между узкой колонкой по умолчанию и полной шириной контейнера."
source: https://blokeditor.com/ru/docs/width-api/
lastmod: 2026-09-08
---

Фреймворк JavaScript

Интерфейс Ширина

На этой странице width.get()

# Width API: узкая и полная ширина редактора

Управление режимом ширины контента редактора. 'narrow' удерживает содержимое внутри `--max-width-content` по умолчанию. 'full' снимает ограничение, и содержимое заполняет свой контейнер.

Обновлено 8 сент. 2026 г. [Редактировать на GitHub](https://github.com/JackUait/blok/blob/main/docs/src/components/api/api-data.ts)

### Как получить экземпляр редактора

Методы ниже вызываются на редакторе, созданном через new Blok(). Они доступны после того, как разрешится editor.isReady.

TypeScript

```
// You already hold the instance returned by the constructor.
const editor = new Blok({ holder: 'editor' });
await editor.isReady;

// Call any API method on it.
editor.caret.setToLastBlock('end');
```

## Методы

### width.get()

'narrow' | 'full'

Активный режим ширины контента. По умолчанию это 'narrow'.

Когда использовать

Возвращает активный режим. По умолчанию это `'narrow'`.

TypeScript

```
console.log(editor.width.get()); // 'narrow'
```

### width.set(value)

void

Задать режим ширины контента. Именно с ним синхронизируется проп `width` React/Vue/Angular после монтирования.

Когда использовать

Задаёт режим явно. Используйте его, когда ширина определяется вашим состоянием.

TypeScript

```
editor.width.set('full');
```

### width.toggle()

void

Переключить режим ширины контента между 'narrow' и 'full'. Это переключатель «на всю ширину» в один вызов.

Когда использовать

Переключает между `'narrow'` и `'full'`, для кнопки «на всю ширину» в один клик.

TypeScript

```
editor.width.toggle();
```