Title: Youbou Code Block
Author: Youssef Bouhlal
Published: <strong>4 Agosto 2024</strong>
Last modified: 11 Ottobre 2026

---

Ricerca i plugin

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

# Youbou Code Block

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

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

 * [Dettagli](https://it.wordpress.org/plugins/youbou-code-block/#description)
 * [Recensioni](https://it.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Installazione](https://it.wordpress.org/plugins/youbou-code-block/#installation)
 * [Sviluppo](https://it.wordpress.org/plugins/youbou-code-block/#developers)

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

## Descrizione

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

## Screenshot

[[

[[

## Blocchi

Questo plugin fornisce 1 blocco.

 *   Youbou Code Block Code block with syntax highlighting.

## Installazione

 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.

## Recensioni

Non ci sono recensioni per questo plugin.

## Contributi e sviluppo

“Youbou Code Block” è un software open source. Le persone che hanno contribuito 
allo sviluppo di questo plugin sono indicate di seguito.

Collaboratori

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

[Traduci “Youbou Code Block” nella tua lingua.](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### Ti interessa lo sviluppo?

[Esplora il codice](https://plugins.trac.wordpress.org/browser/youbou-code-block/)
segui il [repository SVN](https://plugins.svn.wordpress.org/youbou-code-block/),
segui il [log delle modifiche](https://plugins.trac.wordpress.org/log/youbou-code-block/)
tramite [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

 *  Versione **1.0.1**
 *  Ultimo aggiornamento **1 giorno fa**
 *  Installazioni attive **Meno di 10**
 *  Versione WordPress ** 6.1 o superiore **
 *  Testato fino alla versione **7.1.3**
 *  Versione PHP ** 7.2 o superiore **
 *  Lingua
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * Tag
 * [code highlighting](https://it.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://it.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://it.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://it.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Visualizzazione avanzata](https://it.wordpress.org/plugins/youbou-code-block/advanced/)

## Valutazioni

Non sono state ancora inviate recensioni.

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

[Vedi tutte le recensioni](https://wordpress.org/support/plugin/youbou-code-block/reviews/)

## Collaboratori

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

## Supporto

Hai qualcosa da dire? Ti serve aiuto?

 [Chiedi nel forum di supporto](https://wordpress.org/support/plugin/youbou-code-block/)