Rich Text Editor.

Nextly's rich text editor is built on Meta's Lexical framework, providing a modern editing experience that supports bold, italic, headings, lists, links, tables, and code blocks out of the box.

You add rich text to your collections using the richText() field helper. The admin panel renders a full editor with an inline toolbar for formatting, and content is stored as structured Lexical JSON in your database.

The editor is designed to give content authors freedom while keeping your data structured. Editors interact with a familiar word-processor-style interface, while developers get clean, predictable JSON output.

Key capabilities

• Rich Formatting — Bold, italic, underline, strikethrough, headings (H1-H6), and highlight. Standard formatting with keyboard shortcuts.
• Lists & Structure — Ordered and unordered lists, blockquotes, horizontal rules, and dividers.
• Tables — Insert and edit tables directly in the editor. Add rows and columns, merge cells, and control alignment.
• Code Blocks — Inline code and fenced code blocks for technical content.
• Links & Media — Insert links with URL validation. Embed images from your media library with the upload relationship.
• Inline Toolbar — Select text to reveal a floating toolbar for quick formatting.

How it works

Add a richText field to any collection. The admin panel automatically renders the Lexical editor for that field.

import { defineCollection, text, richText } from "nextly/config";

export default defineCollection({
  slug: "posts",
  fields: [
    text({ name: "title", required: true }),
    text({ name: "slug", unique: true }),
    richText({ name: "content", required: true }),
    richText({ name: "excerpt" }),
  ],
});