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

---

Buscar 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

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

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

 * [Detalles](https://es-cr.wordpress.org/plugins/youbou-code-block/#description)
 * [Valoraciones](https://es-cr.wordpress.org/plugins/youbou-code-block/#reviews)
 *  [Instalación](https://es-cr.wordpress.org/plugins/youbou-code-block/#installation)
 * [Desarrollo](https://es-cr.wordpress.org/plugins/youbou-code-block/#developers)

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

## Descripción

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

## Capturas

[⌊Example of the Code Highlighting Block in the Gutenberg editor.⌉⌊Example of the
Code Highlighting Block in the Gutenberg editor.⌉[

Example of the Code Highlighting Block in the Gutenberg editor.

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

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

## Blocks

This plugin provides 1 block.

 *   Youbou Code Block Code block with syntax highlighting.

## Instalación

 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.

## Preguntas frecuentes

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

## Reseñas

There are no reviews for this plugin.

## Colaboradores y desarrolladores

“Youbou Code Block” es un software de código abierto. Las siguientes personas han
colaborado con este plugin.

Colaboradores

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

[Traduce “Youbou Code Block” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/youbou-code-block)

### ¿Interesado en el desarrollo?

[Revise el código](https://plugins.trac.wordpress.org/browser/youbou-code-block/),
eche un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/youbou-code-block/),
o suscríbase al [log de desarrollo](https://plugins.trac.wordpress.org/log/youbou-code-block/)
por [RSS](https://plugins.trac.wordpress.org/log/youbou-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Registro de cambios

#### 1.0

 * Initial release of the Code Highlighting Block plugin.

## Meta

 *  Version **1.0.0**
 *  Last updated **hace 2 años**
 *  Instalaciones activas: **Menos de 10**
 *  WordPress version ** 6.1 or higher **
 *  Tested up to **6.5.10**
 *  Versión PHP ** 7.2 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/youbou-code-block/)
 * Tags
 * [code highlighting](https://es-cr.wordpress.org/plugins/tags/code-highlighting/)
   [copy to clipboard](https://es-cr.wordpress.org/plugins/tags/copy-to-clipboard/)
   [Gutenberg block](https://es-cr.wordpress.org/plugins/tags/gutenberg-block/)[syntax highlighting](https://es-cr.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Vista avanzada](https://es-cr.wordpress.org/plugins/youbou-code-block/advanced/)

## Valoraciones

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

## Colaboradores

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

## Soporte

¿Tienes algo que decir? ¿Necesitas ayuda?

 [Ver el foro de soporte](https://wordpress.org/support/plugin/youbou-code-block/)