Font Kit

Features

• Apply font styling to selected text including size, family, color, background color, and weight.
• Supports custom font families, sizes, colors, and weights.

Usage

Installation

The fastest way to add font styling functionality is with the FontKit, which includes pre-configured font plugins with their Plate UI components.

• Includes all font plugins (FontColorPlugin, FontBackgroundColorPlugin, FontSizePlugin, FontFamilyPlugin) with sensible defaults.

Add Kit

Add the kit to your plugins:

import { createPlateEditor } from "platejs/react";
import { FontKit } from "@/components/editor/plugins/font-kit";

const editor = createPlateEditor({
  plugins: [
    // ...otherPlugins,
    ...FontKit,
  ],
});