Equation

Enables the insertion and rendering of LaTeX equations in your editor.

Equation ElementInline Equation ElementInline Equation Toolbar Button

Features

  • LaTeX syntax support for complex mathematical expressions
  • Both inline and block equation formats
  • Real-time rendering of equations using KaTeX
  • Easy editing and navigation within equations

Installation

npm install @udecode/plate-math

Usage

import { EquationPlugin, InlineEquationPlugin } from '@udecode/plate-math/react';
const plugins = [
  // ...otherPlugins,
  EquationPlugin,
  InlineEquationPlugin,
]
const components = {
  // ...otherComponents,
  [EquationPlugin.key]: EquationElement,
  [InlineEquationPlugin.key]: InlineEquationElement,
}

Examples

Plate UI

Work in progress.

Plate Plus

Get the code ->

Plugins

EquationPlugin

Block equation element plugin.

InlineEquationPlugin

Inline equation element plugin.

Transforms

editor.tf.insert.equation

Inserts an empty block equation.

Parameters

Collapse all

    Options for the insert nodes transform.

editor.tf.insert.inlineEquation

Inserts an inline equation.

Parameters

Collapse all

    The LaTeX expression to insert. If not provided, an empty equation will be inserted.

    Options for the insert nodes transform.

Types

TEquationElement

interface TEquationElement extends TElement {
  texExpression: string;
}
EmojiExcalidraw