DemoDocsPlaygroundGitHub

An extensible rich text editor framework built on Lexical. Ship faster with production-ready defaults and TypeScript-first APIs.

Documentation

IntroductionInstallation@lyfie/luthor-headless@lyfie/luthor

Resources

DemoFeaturesPlaygroundGitHubluthor @ npmluthor-headless @ npm

Support the Project

Buy me a coffeeStar on GitHub

Built with ❤️ by Lyfie.org

HomeDocsFeaturesDemodev.toMediumGitHubllms.txtllms-full.txt
  1. Home
  2. Docs
  3. Luthor
  4. Props Reference

Luthor Documentation

Start Here

  • Getting Started
  • Installation
  • Dependencies
  • Capabilities
  • Quickstart: @lyfie/luthor
  • Quickstart: @lyfie/luthor-headless
  • AI Agents and Vibe Coding

@lyfie/luthor (Presets)

  • @lyfie/luthor Overview
  • @lyfie/luthor Architecture
  • Feature Flags
  • Props Reference
  • Presets Catalog
  • Extensive Editor
  • Compose Editor
  • Simple Editor
  • Legacy Rich Editor
  • Markdown Editor
  • HTML Editor
  • Slash Editor
  • Headless Editor Preset
  • Commands Reference

@lyfie/luthor-headless (Runtime)

  • @lyfie/luthor-headless Overview
  • @lyfie/luthor-headless Architecture
  • Extensions and API
  • Metadata Comment System
  • Features
  • Typography and Text
  • Structure and Lists
  • Media and Embeds
  • Code and Devtools
  • Interaction and Productivity
  • Customization and Theming
  • Extensions Reference
  • Nodes and Bridges Reference

Integrations

  • React Integration
  • Next.js Integration
  • Astro Integration
  • Remix Integration
  • Vite Integration

Reference Indexes

  • Search Guide
  • Exports Map
  • Preset Selector

Contributing

  • Contributor Guide

Package: luthorType: referenceSurface: prop

Props Reference

Use this page for exact prop names and discovery tokens.

What this page answers

  • Which props control modes, source bridges, and feature gates?

High-signal props

AreaProps
Mode controlinitialMode, defaultEditorView, availableModes
Feature gatingfeatureFlags, headingOptions, slashCommandVisibility
Bridge controlsourceMetadataMode, markdownBridgeFlavor, markdownSourceOfTruth
Code intelligenceisSyntaxHighlightingEnabled, syntaxHighlightColorMode, maxAutoDetectCodeLength, languageOptions, showLineNumbers
List depthmaxListIndentation

Preset-level code intelligence toggle

  • ExtensiveEditor, ComposeEditor, SlashEditor, LegacyRichEditor, HTMLEditor, MarkDownEditor, and HeadlessEditorPreset use featureFlags.codeIntelligence.
  • SimpleEditor supports scoped featureFlags.codeIntelligence.
tsx
<SlashEditor featureFlags={{ codeIntelligence: false }} />
<SimpleEditor featureFlags={{ codeIntelligence: true }} />

Full ExtensiveEditorProps index

  • className
  • onReady
  • initialTheme
  • onThemeChange
  • theme
  • defaultContent
  • showDefaultContent
  • placeholder
  • defaultEditorView
  • initialMode
  • isEditorViewTabsVisible
  • isEditorViewsTabVisible
  • availableModes
  • variantClassName
  • toolbarLayout
  • toolbarVisibility
  • toolbarPosition
  • toolbarAlignment
  • toolbarClassName
  • toolbarStyleVars
  • quoteClassName
  • quoteStyleVars
  • defaultSettings
  • editorThemeOverrides
  • isToolbarEnabled
  • isToolbarPinned
  • fontFamilyOptions
  • fontSizeOptions
  • lineHeightOptions
  • minimumDefaultLineHeight
  • scaleByRatio
  • headingOptions
  • paragraphLabel
  • syncHeadingOptionsWithCommands
  • slashCommandVisibility
  • shortcutConfig
  • commandPaletteShortcutOnly
  • isListStyleDropdownEnabled
  • editOnClick
  • isDraggableBoxEnabled
  • featureFlags
  • sourceMetadataMode
  • markdownBridgeFlavor
  • markdownSourceOfTruth
  • isSyntaxHighlightingEnabled
  • syntaxHighlightColorMode
  • syntaxHighlightColors
  • maxAutoDetectCodeLength
  • isCopyAllowed
  • languageOptions
  • showLineNumbers
  • maxListIndentation
Previous: Feature Flags
Next: Presets Catalog

On this page

  • What this page answers
  • High-signal props
  • Preset-level code intelligence toggle
  • Full `ExtensiveEditorProps` index