Features

The Expressive Code Block Fullscreen plugin enhances your documentation experience by providing fullscreen functionality for code blocks.

Note

Once installed, the plugin will automatically add a fullscreen toggle button to your Expressive Code blocks. Users can:

• Click the fullscreen button to expand code blocks to fullscreen view,
• Use the Escape key to exit fullscreen mode (configurable),
• Or use the browser back button to exit fullscreen mode (configurable).

How it works?

---

• The plugin automatically detects and enhances all Expressive Code blocks on your pages,
• The fullscreen overlay adapts to your page’s background color for seamless integration,
• You can customize the fullscreen button icons by providing your own SVG paths,
• Animation duration is validated and constrained to ensure optimal performance (150-700ms).

Features

• View code blocks in a distraction-free fullscreen overlay.
• Adjust text size with +/- buttons.
• Press Esc to exit fullscreen, use Tab to navigate.
• Accessible with ARIA support and screen reader compatibility.
• Customize colors and appearance to match your site.
• Exit fullscreen with the browser back button.
• Your preferred font size is remembered across sessions.