Youbou Code Block

The Youbou Code Block is a Gutenberg block plugin for WordPress that allows users to easily add syntax-highlighted code snippets to their posts and pages. This plugin supports a wide range of programming languages and includes a convenient copy-to-clipboard functionality.

Features

• Syntax highlighting for various programming languages
• Supports the following languages:
  • HTML
  • CSS
  • SCSS
  • JavaScript
  • TypeScript
  • PHP
  • Ruby
  • Python
  • Swift
  • C
  • C#
  • C++
  • Objective-C
  • SQL
  • JSON
  • Bash
  • Git
• Copy-to-clipboard functionality for code snippets
• Easy to use Gutenberg block interface

License

This plugin is licensed under the GPLv2 or later. For more information, see http://www.gnu.org/licenses/gpl-2.0.html.

1. Upload the plugin files to the /wp-content/plugins/code-highlighting-block directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress.
3. Navigate to the Gutenberg editor and add the ‘Code Highlighting Block’ to your post or page.
4. Select the programming language and add your code.

1. 

   Example of the Code Highlighting Block in the Gutenberg editor.

2. 

   Code block with syntax highlighting and copy-to-clipboard button.

1.0

• Initial release of the Code Highlighting Block plugin.