Lexical Inline Rich Text Editor
Adds click-to-edit inline rich text editing for Payload Lexical richText fields on the front end.
Installation
pnpm add @payload-onpage/lexical About
This package lets editors change Payload `richText` fields in place on a rendered page instead of opening the admin form. It is one part of payload-onpage, a set of tools for on-page editing and draft previews in Payload CMS with Next.js. The package reads and writes Payload's Lexical JSON format, so content saved here stays compatible with the stock `@payloadcms/richtext-lexical` editor. The editor is registered under the `richText` field type through `lexicalEditors`, which the Next.js adapter includes by default. The editor component loads lazily, so its code is fetched only when someone opens a rich text field. Text blocks, headings, quotes, lists, line breaks, tabs, and links are editable with a formatting toolbar. Other node types, such as uploads, blocks, and relationships, are kept byte-for-byte and shown as placeholders, so they survive an edit without being altered. The package has peer dependencies on `lexical` and the `@lexical/*` packages at versions `~0.50.0` or `~0.52.0`, and on React 19. Those versions match what Payload 3.90 ships with its Lexical rich text field. The `.` entry exports the editor registry and conversion helpers, and the `./editor` entry exports the React component and node classes.
Package info
- Package name
@payload-onpage/lexical- Latest version
0.5.0- Unpacked size
- 93 kB
- License
- MIT
- Weekly downloads
- 1.1k
- Last publish
- Oct 12, 2026
More from jellologic
View profileonpage for TanStack Start
Adds on-page editing and draft previews to TanStack Start sites that read content from Payload.
On-Page React Editor
Adds an inline visual editor UI for Payload pages, with toolbars, field editors, and element annotations for React front ends.
OnPage for Next.js App Router
Adds inline editing and draft previews to Next.js App Router pages backed by Payload, with a sealed preview session and an OnPage component.
On-Page Editing
Adds inline on-page editing, draft preview links, and an admin button to edit Payload pages in place on a Next.js front end.
Similar plugins
More in ContentCollaborative Comments
Adds document-level and field-level comments to the Payload admin panel, with @mentions, email notifications, resolution, multi-tenancy and locale filtering.
SEO JSON-LD Structured Data
Builds Schema.org JSON-LD for products, breadcrumbs, carousels, site search and organization data in Payload e-commerce sites.