Code editor

Variants of the code editor scenario, each on its own isolated page.

• HTML snippet (baseline)

  Type a specific HTML snippet into a Monaco editor (virtual DOM text rendering).

  • code
  • editor
  • monaco
  • html-snippet

• Keyboard shortcuts

  Verify standard developer hotkeys: duplicate line, toggle comment, and move line.

  • code
  • editor
  • monaco
  • shortcuts

• HTML autocomplete

  Use Monaco's suggestions widget to auto-complete HTML tags using key triggers.

  • code
  • editor
  • monaco
  • autocomplete

• Gutter folding

  Fold and collapse code blocks using the gutter fold icons.

  • code
  • editor
  • monaco
  • gutter
  • folding

• Search & Replace widget

  Trigger find/replace overlay widget via shortcuts to find and replace multiple occurrences.

  • code
  • editor
  • monaco
  • search
  • replace