Lexical Editor

A React rich text editor built on Lexical, ready to use out of the box.

• Basic rich text: bold, italic, underline, headings, quotes, lists
• Common styling: color, font size, font family, alignment
• Extensions: links, image/file upload, @mentions, keyword highlighting
• Dual data modes: html strings and structured json data

Docs

Documentation pages

Install

npm install @jaceyi/lexical-editor

Example

import Editor, { useHTMLHandle } from '@jaceyi/lexical-editor';
import '@jaceyi/lexical-editor/style.css';

const App = () => {
  const [{ value }, editorProps] = useHTMLHandle({
    initialValue: '<p>Hello Lexical Editor</p>',
  });

  return (
    <>
      <Editor namespace="basic-demo" {...editorProps} />
      <pre>{value}</pre>
    </>
  );
};

export default App;