Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>4 août 2024</strong>
Last modified: 11 octobre 2026

---

Recherche d’extensions

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

# Youbou Code Block

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

[Télécharger](https://downloads.wordpress.org/plugin/youbou-code-block.1.0.1.zip)

 * [Détails](https://fr.wordpress.org/plugins/youbou-code-block/#description)
 * [Avis](https://fr.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Installation](https://fr.wordpress.org/plugins/youbou-code-block/#installation)
 * [Développement](https://fr.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).

## Captures d’écrans

[[

[[

## Blocs

Cette extension fournit 1 bloc.

 *   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.

## Avis

Il n’y a aucun avis pour cette extension.

## Contributeurs/contributrices & développeurs/développeuses

« Youbou Code Block » est un logiciel libre. Les personnes suivantes ont contribué
à cette extension.

Contributeurs

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

[Traduisez « Youbou Code Block » dans votre langue.](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### Le développement vous intéresse ?

[Parcourir le code](https://plugins.trac.wordpress.org/browser/youbou-code-block/),
consulter le [SVN dépôt](https://plugins.svn.wordpress.org/youbou-code-block/), 
ou s’inscrire au [journal de développement](https://plugins.trac.wordpress.org/log/youbou-code-block/)
par [RSS](https://plugins.trac.wordpress.org/log/youbou-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Journal des modifications

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

## Méta

 *  Version **1.0.1**
 *  Dernière mise à jour **il y a 3 jours**
 *  Installations actives **Moins de 10**
 *  Version de WordPress ** 6.1 ou plus **
 *  Testé jusqu’à **7.1.3**
 *  Version de PHP ** 7.2 ou plus **
 *  Langue
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * Étiquettes
 * [code highlighting](https://fr.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://fr.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://fr.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://fr.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Vue avancée](https://fr.wordpress.org/plugins/youbou-code-block/advanced/)

## Évaluations

Aucun avis n’a encore été envoyé.

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

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

## Contributeurs

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

## Support

Quelque chose à dire ? Besoin d’aide ?

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