ФреймворкJavaScript

Маркер: подсветка текста цветом

Applies text colour or background colour to selected text using `<mark style="color:...">` or `<mark style="background-color:...">`. Opens a colour picker with preset text and background swatches plus a Default reset. Activated with Cmd/Ctrl+Shift+H.

Импорт

TypeScript

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

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

TypeScript

// Stored as HTML inside the block's text field.
// Text colour:       '<mark style="color:#e03e2d">red text</mark>'
// Background colour: '<mark style="background-color:#ffd966">highlighted</mark>'

JSON

{
  "type": "paragraph",
  "data": {
    "text": "<mark style=\"background-color:#ffd966\">highlighted text</mark>"
  }
}

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

TypeScript

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

const editor = new Blok({
  holder: 'editor',
  tools: {
    marker: Marker,
  },
});