ФреймворкJavaScript

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

Управление шириной контента редактора: `'narrow'` сохраняет максимальную ширину по умолчанию, `'full'` снимает ограничение, и содержимое занимает весь контейнер.

Редактировать на GitHub

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

Методы ниже вызываются на редакторе, созданном через 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'

The active content width mode. Defaults to 'narrow'.

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

Возвращает активный режим; по умолчанию — 'narrow'.

TypeScript

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

width.set(value)

void

Set the content width mode. This is what the React/Vue/Angular `width` prop syncs to after mount.

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

Задаёт режим явно — то, что нужно, когда ширина определяется вашим состоянием.

TypeScript

editor.width.set('full');

width.toggle()

void

Flip the content width mode between 'narrow' and 'full' — the one-call "full width" switch.

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

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

TypeScript

editor.width.toggle();