CKEditor Ecosystem Documentation
Search
Home/CKEditor 5/API
Interface

HighlightOption (highlight)

@ckeditor/ckeditor5-highlight/src/highlightconfig

interface
See source

The highlight option descriptor. See HighlightConfig to learn more.

{
	model: 'pinkMarker',
	class: 'marker-pink',
	title: 'Pink Marker',
	color: 'var(--ck-highlight-marker-pink)',
	type: 'marker'
}

Filtering

Properties

  • class : string

    See source

    The CSS class used on the <mark> element in the view. It should match the color setting.

  • color : string

    See source

    The CSS var() used for the highlighter. The color is used in the user interface to represent the highlighter. There is a possibility to use the default color format like rgb, hex or hsl, but you need to care about the color of <mark> by adding CSS classes definition.

  • model : string

    See source

    The unique attribute value in the model.

  • title : string

    See source

    The user-readable title of the option.

  • type : 'marker' | 'pen'

    See source

    The type of highlighter:

    • 'marker' – Uses the color as the background-color style,
    • 'pen' – Uses the color as the font color style.