ФреймворкJavaScript

Цитата: цитаты с подписью

Цитата с акцентной левой границей. Поддерживает два размера: обычный и крупный. Переключить их можно в меню настроек блока. Вставка элемента <blockquote> автоматически создаёт блок цитаты.

Импорт

TypeScript

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

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

TypeScript

interface QuoteData {
  text: RichText;                // Quote text as segments (QuoteToolData holds HTML)
  size: 'default' | 'large';    // Text size variant
}

JSON

{
  "id": "qot001",
  "type": "quote",
  "data": {
    "text": [{ "text": "The only way to do great work is to love what you do." }],
    "size": "default"
  }
}

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

TypeScript

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

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