ФреймворкJavaScript

Отступ: регулируемое вертикальное поле

Регулируемый вертикальный отступ. Чтобы изменить размер, потяните за любой из краевых захватов — или поставьте на него фокус и нажимайте ArrowUp/ArrowDown. Его главная задача — выравнивать содержимое соседних колонок разной длины, заменяя вереницы пустых параграфов. В режиме только для чтения невидим.

Импорт

TypeScript

import { Spacer } from '@bloklabs/core/tools';

Формат данных

TypeScript

interface SpacerData {
  height?: number; // Gap height in px, clamped to 38–600 (default 38)
}

JSON

{
  "id": "spc001",
  "type": "spacer",
  "data": {
    "height": 120
  }
}

Пример использования

TypeScript

import { Blok } from '@bloklabs/core';
import { Spacer } from '@bloklabs/core/tools';

const editor = new Blok({
  holder: 'editor',
  tools: {
    spacer: {
      class: Spacer,
    },
  },
});