Movatterモバイル変換


[0]ホーム

URL:


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

A Gutenberg code block with syntax highlighting powered by VS Code

NotificationsYou must be signed in to change notification settings

KevinBatdorf/code-block-pro

Repository files navigation

Code highlighting powered by the VS Code engine

Read more atcode-block-pro.com

View all themes atcode-block-pro.com/themes

View this block pluginon WordPress.org

Twitter

Features

  • Includes 25+ built-in themes to choose from.
  • Supports over 140 programming languages
  • Optionally load programming fonts
  • Line numbers
  • Line highlighting (static and on hover)
  • Blur highlighting (with reveal on hover)
  • 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 ahttps://codepen.io demo.

Example Screenshots

alt textalt textalt text

About

A Gutenberg code block with syntax highlighting powered by VS Code

Topics

Resources

Stars

Watchers

Forks

Sponsor this project

 

Packages

No packages published

Contributors4

  •  
  •  
  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp