TextStyleKit

Bundles TextStyle and its typography/color/language companions. Highlight and font resources are separate.

@quirekit/extension-text-style · MIT

Editor compatibility

Layer：Shared document capability

“Supported” means the product assembly above exists; interaction, host services and file formats retain their own conditions. See status and integration rules. Licensing is shown separately.

Installation

pnpm add @quirekit/extension-text-style@alpha

Install in Editor extensions. The host supplies a view, container and persistence; see Quick start.

import { TextStyleKit } from '@quirekit/extension-text-style'

const styles = TextStyleKit.configure({ backgroundColor: false })

Use compatible versions available from your distribution source. This site uses the Alpha workspace. License labels come from package metadata; see support and licensing.

Integration by editor

These snippets use an existing host element named element. The host owns container sizing and persistence; call instance.destroy() on teardown. Avoid duplicating preset capabilities and supply required host ports before installation.

import { createClassicEditor } from '@quirekit/classic-editor'
import '@quirekit/classic-editor/styles.css'

const instance = createClassicEditor({ element })

import { createBlockEditor } from '@quirekit/block-editor'
import '@quirekit/block-editor/styles.css'

const instance = createBlockEditor({
  element,
  content: { type: 'doc', content: [{ type: 'paragraph' }] },
})

Configuration

These are extension-level defaults. Presets can override them; they are distinct from current document attributes. See configuration.

doubleStrike

Double-strike extension options, or false to disable.

Type：false | Partial<DoubleStrikeOptions>

Default：{}

See DoubleStrike for child settings. Only pass false when this field's type permits it.

superscript

Superscript extension options, or false to disable.

Type：false | Partial<ScriptPositionOptions>

Default：{}

See Superscript for child settings. Only pass false when this field's type permits it.

subscript

Subscript extension options, or false to disable.

Type：false | Partial<ScriptPositionOptions>

Default：{}

See Subscript for child settings. Only pass false when this field's type permits it.

fontFamily

Font family extension options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See FontFamily for child settings. Only pass false when this field's type permits it.

color

Color extension options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See Color for child settings. Only pass false when this field's type permits it.

backgroundColor

Background color extension options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See BackgroundColor for child settings. Only pass false when this field's type permits it.

fontSize

Font size extension options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See FontSize for child settings. Only pass false when this field's type permits it.

letterSpacing

Word-compatible character-spacing options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See LetterSpacing for child settings. Only pass false when this field's type permits it.

language

Word-compatible run-language options, or false to disable.

Type：false | Partial<TextStyleAttributeExtensionOptions>

Default：{}

See Language for child settings. Only pass false when this field's type permits it.

textStyle

TextStyle mark options, or false to disable.

Type：false | Partial<TextStyleOptions>

Default：{}

See TextStyle for child settings. Only pass false when this field's type permits it.

Commands and runtime

This entry declares no directly enumerable commands. Children supply bundle commands; product plugins use contributions or document services.

Other public exports

• textStyleKitExtension · @quirekit/extension-text-style

Next steps

Return to all plugins, or read configuration to distinguish options, attributes and commands.

See extension development for custom capabilities and Build a product for complete hosting.