React integration

Package (recommended)

pnpm add @likhaeditor/likhaeditor @likhaeditor/likhaeditor-react

'use client';
import { LikhaEditor } from '@likhaeditor/likhaeditor-react';

export function RichTextEditor() {
  return (
    <LikhaEditor
      content="<p>Start writing</p>"
      onChange={(html) => console.log(html)}
      toolbarButtons={['heading', 'bold', 'italic', 'link', 'undo', 'redo']}
    />
  );
}

Use useEditor when you need the underlying instance:

import { useEditor } from '@likhaeditor/likhaeditor-react';

const { hostRef, instance, ready } = useEditor({ content: '<p></p>' });
return <div ref={hostRef} />;

Destroy is handled automatically on unmount. Avoid calling setContent on every render.

See configuration and professional editing.