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.

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

Translate “Youbou Code Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.0

  • Initial release of the Code Highlighting Block plugin.