ФреймворкJavaScript

Индексы: надстрочный и подстрочный текст

Одна кнопка панели инструментов с поповером из двух вариантов. Она включает для выделения верхний (<sup>) или нижний (<sub>) индекс. Режимы взаимно исключают друг друга, поэтому применение одного снимает другой. Сочетания клавиш: Cmd/Ctrl+Period для верхнего индекса, Cmd/Ctrl+Comma для нижнего.

Импорт

TypeScript

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

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

TypeScript

// Stored as HTML inside the block's text field:
// "E = mc<sup>2</sup>" or "H<sub>2</sub>O"

JSON

{
  "type": "paragraph",
  "data": { "text": "E = mc<sup>2</sup>" }
}

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

TypeScript

import { Blok } from '@bloklabs/core';
import { Paragraph, SupSub } from '@bloklabs/core/tools';

const editor = new Blok({
  holder: 'editor',
  tools: {
    // Paragraph is the default block and is not bundled with the core —
    // without it the editor starts with an "unsupported block" stub.
    paragraph: Paragraph,
    supSub: SupSub,
  },
});