Skip to content

Redesign slash command menu

jedmund requested to merge feature/slash-menu-redesign into main

Created by: jedmund

Summary

  • Reorganize slash menu from 2 groups into 3: Text, Media, Embeds & Other
  • Add markdown syntax hints (e.g. #, ##, -, >) shown on the right side of each item
  • Restyle the menu using project design system variables instead of Edra defaults
  • Restyle iframe placeholder to match the image/video placeholder cards
  • Auto-convert YouTube and Vimeo URLs to embed format when inserting iframes
  • Clean up placeholder names (remove "Placeholder" suffix, capitalize as "iFrame")

Test plan

  • Type / in the editor and verify 3 groups appear: Text, Media, Embeds & Other
  • Verify syntax hints appear on the right for text commands
  • Verify keyboard navigation highlights items correctly
  • Type /head to verify filtering still works
  • Insert an iFrame and paste a YouTube URL — should embed correctly
  • Verify placeholder cards for image, video, audio, and iframe all have consistent styling with spacing between them

Merge request reports