Highlighting Code Block Wordpress Plugin - Rating, Reviews, Demo & Download

Highlighting Code Block Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

Plugin Description

“Highlighting Code Block” allows you to add a syntax-highlighted code block with just a click.

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

How to use (For Block Editor)

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

How to use (For Classic Editor)

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

If it doesn’t work

This plugin works only with PHP version 5.6 or later, WordPress 5.6 or later.
Please check your PHP version or WordPress version.

About settings

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.

Screenshots

  1. Code Coloring

    Code Coloring

  2. Select 「Highlighing Code Block

    Select 「Highlighing Code Block

  3. Select lang (Guternberg)

    Select lang (Guternberg)

  4. Writing your code (Guternberg)

    Writing your code (Guternberg)

  5. Added select box (Tinymce)

    Added select box (Tinymce)

  6. Select lang (Tinymce)

    Select lang (Tinymce)

  7. Writing your code (Tinymce)

    Writing your code (Tinymce)

  8. ex) Light color

    ex) Light color

  9. ex) Dark color

    ex) Dark color

  10. Base Setting

    Base Setting

  11. Higher Setting

    Higher Setting


Reviews & Comments