Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

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

AltStyle によって変換されたページ (->オリジナル) /