TextManager

class TextManager {}

Constructs a new instance of the TextManager class

Editor

Properties

baseElm: HTMLDivElement

editor: Editor

measureText: (
  textToMeasure: string,
  opts: {
    maxWidth: null | number
    disableOverflowWrapBreaking?: boolean
    fontFamily: string
    fontSize: number
    fontStyle: string
    fontWeight: string
    lineHeight: number
    minWidth?: null | number
    padding: string
  }
) => BoxModel & {
  scrollWidth: number
}

Methods

Given an html element, measure the position of each span of unbroken word/white-space characters within any text nodes it contains.

measureElementTextNodeSpans(
  element: HTMLElement,
  {
    shouldTruncateToFirstLine,
  }?: {
    shouldTruncateToFirstLine?: boolean
  }
): {
  didTruncate: boolean
  spans: {
    box: BoxModel
    text: string
  }[]
}

HTMLElement

{
  shouldTruncateToFirstLine?: boolean
}

{
  didTruncate: boolean
  spans: {
    box: BoxModel
    text: string
  }[]
}

Measure text into individual spans. Spans are created by rendering the text, then dividing it up according to line breaks and word boundaries.

It works by having the browser render the text, then measuring the position of each character. You can use this to replicate the text-layout algorithm of the current browser in e.g. an SVG export.

measureTextSpans(
  textToMeasure: string,
  opts: TLMeasureTextSpanOpts
): {
  box: BoxModel
  text: string
}[]

string

TLMeasureTextSpanOpts

{
  box: BoxModel
  text: string
}[]