Skip to content
Luthor Docs

Extensive preset

Extensive preset

Section titled “Extensive preset”

All-features preset for advanced authoring and power-user workflows.

Exports

Section titled “Exports”
  • extensivePreset from @lyfie/luthor
  • extensiveExtensions from @lyfie/luthor
  • ExtensiveEditor from @lyfie/luthor
  • Types: ExtensiveEditorRef, ExtensiveEditorProps, ExtensiveEditorMode

Preset metadata

Section titled “Preset metadata”
  • id: extensive
  • label: Extensive
  • description: All features enabled for power users.
  • css: extensive/styles.css
  • default placeholder: Write anything...
  • components.Editor: ExtensiveEditor

Default toolbar

Section titled “Default toolbar”

undo, redo, heading, fontFamily, bold, italic, underline, strikethrough, link, image, table, horizontalRule, blockquote, code, codeBlock, bulletedList, numberedList, checkList, commandPalette, floatingToolbar, contextMenu, draggableBlock, customNode, sourceMode, themeToggle

Horizontal rule shortcut

Section titled “Horizontal rule shortcut”

Horizontal rules are available out of the box in the extensive preset.

  • Toolbar action: horizontalRule
  • Command palette action: Insert Horizontal Rule
  • Markdown shortcuts while typing (then press space/enter): ---, ___

Slash command menu

Section titled “Slash command menu”

Notion-style slash commands are enabled in visual mode.

  • Type / to open the block menu at the caret
  • Keep typing to filter commands
  • Press Enter/Tab to run, arrow keys to navigate, Esc to close

Usage

Section titled “Usage”
import { ExtensiveEditor } from "@lyfie/luthor";
import "@lyfie/luthor/styles.css";


export function ExtensivePage() {
  return <ExtensiveEditor placeholder="Write anything..." />;
}
Section titled “Related docs”