@lexical-devtools/react

A React plugin designed to use with Lexical DevTools Extension to inspect Lexical.js editor state within React applications.

Note This plugin is intended to be used with the Lexical DevTools Extension, available on the Chrome Web Store. You can download it here.

Usage

Installation

npm i @lexical-devtools/react

Import DevToolsPlugin inside your LexicalComposer component

import { LexicalComposer } from "@lexical/react/LexicalComposer";
import DevToolsPlugin from "@lexical-devtools/react";

export default function Page() {
  const config = {
    // ...
  };

  return (
    <LexicalComposer initialConfig={config}>
      // ...
      <DevToolsPlugin />
    </LexicalComposer>
  );
}