Viewing: el.wordpress.org

“Highlighting Code Block” .

It supports both “Block Editor” and “Classic Editor”.
(However, we recommend using it in the “Block Editor”.)

Please see the following page for a detailed explanation of this plugin.

URL: https://loos.co.jp/en/documents/highlighting-code-block/

Source code

The source code of this plugin is available on Github.

URL: https://github.com/ddryo/Highlighting-Code-Block

How to use

( )

Open the “Formatting” category of the Block Inserter.
There is a custom block named “Highlighing Code Block”.
Select it, the block will be inserted.
Select the language of the code and enter any code.

( )

You should see a select box labeled “Code Block” on the toolbar (2nd row by default).
When you select a language from the select box, a code block (pre tag) is inserted.

PHP 5.6 , WordPress 5.6 .
PHP WordPress.

The menu “[HCB] Settings” should be added to “Settings” in the left menu of the management screen.
Settings related to this plugin are set in this menu.

[ ]

[Select Highlighing Code Block] Select Highlighing Code Block

[ (Gutenberg)] (Gutenberg)

[ (Gurenberg)] (Gurenberg)

[Added select box (Tinymce)] Added select box (Tinymce)

[ (Tinymce)] (Tinymce)

[) ] )

[ ]

Show all 11 screenshots

1 .

Highlighing Code Block

“” “ ”.
“Highlighting Code Block” Enter.
“”.
“”.

HTML
CSS
SCSS
JavaScript
TypeScript
PHP
Ruby
Python
Swift
C
C#
C++
Objective-C
SQL
JSON
Bash
Git

[bbdf310142e4523583701a048b98b0ca190e9faa6d39f4cf21c0dff73c31e87e]

liuliu66 14 2024

WordPress 6.5.2Vikinger – BuddyPress Social Community1.9.9.4.2 Highlighting Code Block 2.0.1PHP 8.1.27 ============ E_ERROR /www/wwwroot/1.14.58.204/wp-content/plugins/highlighting-code-block/class/loos_hcb_menu.php 140 Uncaught ValueError: Unknown format specifier “” in /www/wwwroot/1.14.58.204/wp-content/plugins/highlighting-code-block/class/loos_hcb_menu.php:140Stack trace:#0 /www/wwwroot/1.14.58.204/wp-content/plugins/highlighting-code-block/class/loos_hcb_menu.php(140): sprintf()#1 /www/wwwroot/1.14.58.204/wp-includes/class-wp-hook.php(324): {closure}()#2 /www/wwwroot/1.14.58.204/wp-includes/class-wp-hook.php(348): WP_Hook->apply_filters()#3 /www/wwwroot/1.14.58.204/wp-includes/plugin.php(517): WP_Hook->do_action()#4 /www/wwwroot/1.14.58.204/wp-admin/admin.php(175): do_action()#5 /www/wwwroot/1.14.58.204/wp-admin/plugins.php(10): require_once(‘…’)#6 {main}thrown

[f85989dc34b218af0380bd6e7f25fe2ddae526cdcbe99653801a8c2fbedf724e]

sazone 19 2024

read code easily

[c6f2d8a321247d15872a2516f44f276f425f9a21498cb132807d674b17c71308]

ishere 17 2023

Very thanks!

[134d72580c6ecd9f2f4b36bc69a5a9c17dbb3530c022a3523bacf6a55a521cf4]

Rouzbeh Zarei 4 2023 1

Unfortunately, the plugin doesn’t support Java, Kotlin, Flutter nor XML syntax, making it completely useless for anyone in the Android development field.

[77530765f24709bda5ef811b35543551e5ba4ae435bf00a38da74d3aeacd29b2]

Anonymous User 20287723 25 2023

I don’t normally use WP Blocks and so I could not figure out why this plugin broke for certain code syntax (PHP -> HTML -> PHP for example) and why saving sometimes broke the previously-saved syntax. Maddening. Then I switched back to the block editor. AHA! It works beautifully. That’s probably why it says “Block” in the plugin name, duh. Thank you very much for this wonderful plugin. I love that we can also upload our own prism.js files. Cool.

[82d9afeba3f9fbb7039b6ae795c8871d8d23618399edff6b42cf5ba880039c2d]

Muhammad Zohaib 3 2023

Exactly what I was looking for. thanks alot!

&

“Highlighting Code Block” . .

[4dc68abe564790fe9575e27366be98fbc17adb710ea9bd7f9929372921a86921] LOOS

“Highlighting Code Block” 5 . .

“Highlighting Code Block” .

;

, SVN RSS .

2.2.1

Security: Fixed a stored XSS vulnerability via the plugin settings.

2.2.0

Support for WordPress 7.0.

2.1.3

Fixed an issue where there was a discrepancy in the structure of the build files.

2.1.2

Support for WordPress 6.9.

2.1.1

Support for WordPress 6.8.

2.1.0

Support for WordPress 6.7.

2.0.1

Some text of setting items has been changed.

2.0.0

Support for WordPress 6.4.
Support for PHP 8.2.
The CSS and Block UI have been significantly adjusted.
CSS custom properties have also been renamed and cleaned up overall.
Added data-start attribute settings to blocks.

1.7.0

Support for WordPress 6.2.
The style loading process has been fine-tuned.
Added aria-label to the Copy Code button.

1.6.1

Support for WordPress 6.1.

1.6.0

Support for WordPress 6.0.

1.5.5

Fixed the version number.

1.5.4

1.5.3

Fixed a bug.

1.5.2

Fixed the problem of misaligned lines in some themes.

1.5.1

Fixed a bug.

1.5.0

Support for WordPress 5.9.
Refactored the CSS.

1.4.1

Fixed a bug where changing the settings in the languages list did not change the choices in the block.

1.4.0

Fixed a bug that amplified the class of the block.
Fixed a bug that caused clipboard.js to be loaded even when it was not needed.

1.3.0

Support for WordPress 5.8.
Required WordPress version raised to 5.6.

1.2.9

Fixed a bug that the number of lines is not displayed.

1.2.8

Support for WordPress 5.7.
Fixed spelling mistakes. (“plane” to “plain”)
Code fixes.

1.2.7

Added copy button function.
Code refactoring.
WordPress 5.6.

1.2.6

Fixed file icon 404 error.

1.2.5

Made the code lighter.
Changed handle name of CSS and JS.

1.2.4

Fixed register block.

1.2.3

block.json.

1.2.2

Adjustments for registering “block libraries”.
Abolished the block width adjustment function.
Abolished the ability to remove “br” tag from the “code” tag.

1.2.1

Change the code to register the script.

1.2.0

Fixed a bug that CSS cannot be read depending on the server.
It is now possible to set whether to display the language name for each block.
Even if the language name is set to hidden, it will be displayed if the file name is entered.
You can now preview the display of language names and file names in the block editor.

Highlighting Code Block

Source code

How to use

( )

( )

very nice

Good Job!

No support for Android syntax

A+ Once I figured out the BLOCKS part!

Thank you!

&

;