Code highlighting powered by the VS Code engine

Read more at [code-block-pro.com](https://code-block-pro.com?utm_campaign=plugin&utm_source=gh-readme&utm_medium=textlink)

View all themes at [code-block-pro.com/themes](https://code-block-pro.com/themes?utm_campaign=themes&utm_source=gh-readme&utm_medium=textlink)

View this block plugin [on WordPress.org](https://wordpress.org/plugins/code-block-pro)

[![Twitter](https://img.shields.io/twitter/url/https/twitter.com/kevinbatdorf.svg?style=social&label=Follow%20%40kevinbatdorf)](https://twitter.com/kevinbatdorf)
## Features
- Includes 25+ built-in themes to choose from.
- Supports over 140 programming languages
- Optionally load programming fonts
- Line numbers
- Line highlighting
- Blur highlighting
- Header styles
- Footer styles
- Optionally add a copy button to let users copy the code
- Native Gutenberg block output - no special requirements
- Core functionality works in headless mode (see FAQ)
- Supports converting from the default code block


## Tips
- Try combining line highlighting with the blur effect to add some extra depth
- All settings are per block, but some settings are remembered when you add the next block.
- Add a link in the code footer (some footers support this, not all) that points to a https://codepen.io demo.

## Example Screenshots
![alt text](.wordpress-org/screenshot-3.png "Example 3")
![alt text](.wordpress-org/screenshot-4.png "Example 4")
![alt text](.wordpress-org/screenshot-2.gif "Example 2")