Skip to content

frostybee/expressive-code-fullscreen

Repository files navigation

Expressive Code Fullscreen

A plugin for Expressive Code that adds fullscreen viewing capabilities to code blocks with customizable themes and accessibility features.

npm version License: MIT

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

Installation

Install the plugin using your preferred package manager:

npm install expressive-code-fullscreen

Quick Start

import { pluginFullscreen } from 'expressive-code-fullscreen';

// Add to your Expressive Code configuration
plugins: [pluginFullscreen()]

Documentation

For comprehensive documentation, installation guides, configuration options, and examples, visit the plugin documentation.

Contributing

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.

License

Licensed under the MIT License, Copyright © frostybee.

See LICENSE for more information.

Links

About

An Expressive Code plugin that adds a fullscreen viewing mode to your code blocks.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Contributors 2

  •  
  •