Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>August 4, 2024</strong>
Last modified: August 4, 2024

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/youbou-code-block.svg)

# Youbou Code Block

 By [Youssef Bouhlal](https://profiles.wordpress.org/youssefbouhlal/)

[Download](https://downloads.wordpress.org/plugin/youbou-code-block.zip)

 * [Details](https://pcd.wordpress.org/plugins/youbou-code-block/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/youbou-code-block/#installation)
 * [Development](https://pcd.wordpress.org/plugins/youbou-code-block/#developers)

 [Support](https://wordpress.org/support/plugin/youbou-code-block/)

## Description

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](http://www.gnu.org/licenses/gpl-2.0.html).

## Screenshots

 * [[
 * Example of the Code Highlighting Block in the Gutenberg editor.
 * [[
 * Code block with syntax highlighting and copy-to-clipboard button.

## Blocks

This plugin provides 1 block.

 *   Youbou Code Block Code block with syntax highlighting.

## Installation

 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.

## FAQ

### What programming languages are supported?

The plugin supports the following languages:
 * HTML * CSS * SCSS * JavaScript *
TypeScript * PHP * Ruby * Python * Swift * C * C# * C++ * Objective-C * SQL * JSON*
Bash * Git

### How do I use the copy-to-clipboard functionality?

When you hover over the code block, a ‘Copy’ button will appear. Click this button
to copy the code to your clipboard.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“Youbou Code Block” is open source software. The following people have contributed
to this plugin.

Contributors

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

[Translate “Youbou Code Block” into your language.](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/youbou-code-block/),
check out the [SVN repository](https://plugins.svn.wordpress.org/youbou-code-block/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/youbou-code-block/)
by [RSS](https://plugins.trac.wordpress.org/log/youbou-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 1.0

 * Initial release of the Code Highlighting Block plugin.

## Meta

 *  Version **1.0.0**
 *  Last updated **2 years ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 6.1 or higher **
 *  Tested up to **6.5.8**
 *  PHP version ** 7.2 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * Tags
 * [code highlighting](https://pcd.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://pcd.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://pcd.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://pcd.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/youbou-code-block/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/youbou-code-block/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/youbou-code-block/reviews/)

## Contributors

 *   [ Youssef Bouhlal ](https://profiles.wordpress.org/youssefbouhlal/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/youbou-code-block/)