Legacy Rich Editor

This preset preserves legacy compatibility with stricter source behavior.

When to use this

Use LegacyRichEditor when migrating older markdown/html workflows and you need metadata-free bridge mode.

Mode profile

• sourceFormat="markdown": visual-only, visual, json, markdown.
• sourceFormat="html": visual-only, visual, json, html.
• sourceFormat="both": visual-only, visual, markdown, html.

Preset props

• sourceFormat: Chooses which source tabs are available (markdown, html, or both).
• initialMode: Sets initial active mode.
• featureFlags: Optional per-feature overrides. Includes codeIntelligence.

Code intelligence toggle

<LegacyRichEditor
  sourceFormat="both"
  featureFlags={{ codeIntelligence: false }}
/>

import '@lyfie/luthor/styles.css';
import { LegacyRichEditor } from '@lyfie/luthor';

export function App() {
  return <LegacyRichEditor sourceFormat="both" initialMode="visual" />;
}