Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>Súmbile 4, 2024</strong>
Last modified: Aqırap 11, 2026

---

Search plugins

![](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.1.0.1.zip)

 * [Details](https://kaa.wordpress.org/plugins/youbou-code-block/#description)
 * [Reviews](https://kaa.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Installation](https://kaa.wordpress.org/plugins/youbou-code-block/#installation)
 * [Development](https://kaa.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

### Development

Use the Node version in `.nvmrc`, then run `npm ci`, `composer install`, `npm test`,
and `npm run build`.
 Run `npm run test:browser` after installing Chromium with `
npx playwright install chromium`. Run the configured lint commands and Plugin Check
before publishing. `npm run release` builds a production ZIP with its Composer autoloader
in `release/`; it does not deploy the plugin. Regenerate messages with `npm run 
i18n:pot`. When translated PO files are available, use `npm run i18n:json` to produce
catalogs mapped to the shipped bundles. No translations are fabricated by these 
commands.

### 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

[[

[[

## Blocks

This plugin provides 1 block.

 *   Youbou Code Block Code block with syntax highlighting.

## Installation

 1. Upload the complete release ZIP through the WordPress plugins screen, or extract
    it into `/wp-content/plugins/youbou-code-block`.
 2. Activate the plugin through the ‘Plugins’ screen in WordPress.
 3. Navigate to the Gutenberg editor and add the ‘Youbou Code 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?

Use the ‘Copy code’ button above the code block. It is available with a keyboard
or touch. If clipboard access fails, select the code and press Ctrl+C or Command
+C.

### Will updating repair code previously changed by HTML entity decoding?

Version 1.0.1 preserves literal entities in newly saved code. It preserves the text
parsed from existing blocks, but cannot infer the original spelling of code already
changed by earlier versions. Restore that text from a revision or your original 
source if necessary.

## 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.1

 * Preserve literal HTML entities when saving and reopening code.
 * Update Prism to 1.30.0 and isolate highlighting and styles to this block.
 * Improve keyboard focus, editor labels, translated copy feedback, and clipboard
   fallback handling.
 * Correct minimum-version checks, translation paths, and release packaging.

#### 1.0

 * Initial release of the Code Highlighting Block plugin.

## Meta

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

## Ratings

No reviews have been submitted yet.

[Your 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/)