Add fullscreen functionality to codeblocks in your documentation website.
npm install expressive-code-fullscreenA plugin for Expressive Code that adds fullscreen viewing capabilities to code blocks with customizable themes and accessibility features.
- Fullscreen Mode: Toggle code blocks to fullscreen view for better readability
- Font Size Controls: Adjust text size within fullscreen mode
- Keyboard Navigation: Exit fullscreen with Escape key or browser back button
- Smart Targeting: Choose to add buttons to all blocks or only titled ones
- Customizable Theming: Extensive theme customization options
Install the plugin using your preferred package manager:
``bash`
npm install expressive-code-fullscreen
`js
import { pluginFullscreen } from 'expressive-code-fullscreen';
// Add to your Expressive Code configuration
plugins: [pluginFullscreen()]
``
For comprehensive documentation, installation guides, configuration options, and examples, visit the plugin documentation.
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
Licensed under the MIT License, Copyright © frostybee.
See LICENSE for more information.