Webiny Lexical Editor Toolkit

v20260424

webiny-admin-lexical-catalog

This module provides a comprehensive set of abstractions, components, and hooks for building sophisticated rich text editors (based on Lexical). It includes essential UI components like Dividers and DropDowns, alongside powerful hooks for managing real-time selection state, applying typography actions, and handling complex content rendering. It is designed for developers building advanced administrative panels or Content Management Systems (CMS).

React Web Development Rich Text Editor Hooks UI Component

Get Skill

391 downloads

Overview

admin/lexical

How to Use

Find the abstraction you need below
You MUST read the source file to get the exact interface and types!
Import: import { Name } from "<importPath>";

Abstractions

Name: Divider Import: import { Divider } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/Divider.tsx

Name: DropDown Import: import { DropDown } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/DropDown.tsx

Name: DropDownItem Import: import { DropDownItem } from "webiny/admin/lexical" Source: @webiny/lexical-editor/ui/DropDown.tsx

Name: getNodeFromSelection Import: import { getNodeFromSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: Klass Kind: type Import: import type { Klass } from "webiny/admin/lexical" Source: @webiny/lexical-editor/types.ts

Name: LexicalEditorConfig Import: import { LexicalEditorConfig } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.tsx

Name: LexicalHtmlRenderer Import: import { LexicalHtmlRenderer } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalHtmlRenderer.tsx

Name: LexicalNode Kind: type Import: import type { LexicalNode } from "webiny/admin/lexical" Source: @webiny/lexical-editor/types.ts

Name: useCurrentElement Import: import { useCurrentElement } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useCurrentSelection Import: import { useCurrentSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useDeriveValueFromSelection Import: import { useDeriveValueFromSelection } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useFontColorPicker Import: import { useFontColorPicker } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useIsMounted Import: import { useIsMounted } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useLexicalEditorConfig Import: import { useLexicalEditorConfig } from "webiny/admin/lexical" Source: @webiny/lexical-editor/components/LexicalEditorConfig/LexicalEditorConfig.tsx

Name: useRichTextEditor Import: import { useRichTextEditor } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useTextAlignmentAction Import: import { useTextAlignmentAction } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Name: useTypographyAction Import: import { useTypographyAction } from "webiny/admin/lexical" Source: @webiny/lexical-editor/hooks/index.ts

Info

Category Development

Name webiny-admin-lexical-catalog

Version v20260424

Size 3.06KB

Source webiny/webiny-js

Updated At 2026-04-28