Highlighting Code Block

Описание

„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 this page for a detailed description of this plugin.(Japanese article)

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.0 or later.
Please check your PHP version or WordPress version.

About settings

The menu „CODE BLOCK“ should be added to „Settings“ in the left menu of the management screen.
Settings related to this plugin are set in this menu.

Снимки на разширението

  • Code Coloring
  • Select 「Highlighing Code Block
  • Select lang (Guternberg)
  • Writing your code (Guternberg)
  • Added select box (Tinymce)
  • Select lang (Tinymce)
  • Writing your code (Tinymce)
  • ex) Light color
  • ex) Dark color
  • Base Setting
  • Higher Setting

Blocks

This plugin provides 1 block.

loos-hcb/code-block
Highlighting Code Block

Инсталиране

This plugin can be installed directly from your site.

  1. Log in and navigate to „Plugins“ → „Add New“.
  2. Type „Highlighting Code Block“ in the search field and press Enter.
  3. Locate the plugin in the list of search results and click „Install Now“.
  4. Once installed, click the „Activate“ button.

ЧЗВ

Available languages

The following languages are available by default.

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

Отзиви

14.03.2020
I tested all the plugins This is the best thank you bro please support this Until the very last day of WordPress
22.12.2019
Thank you so much with English version. But I have a problem here. Your plugin only work at frontend, it do not work in backend. So, I must duplicate the wp_enqueue_scripts to admin_enqueue_scripts. I hope you understand me...
22.05.2019
コードのハイライトを綺麗にできるプラグインは意外と探してみるとなかった。 シンタックスハイライトが簡単に自分のエディタの色と同じようにできるのが良い。 ファイル名が出力できるようにできれば尚良しなので期待を込めて☆5
Прочетете всички 5 отзива

Сътрудници и разработчици

“Highlighting Code Block” е софтуер с отворен код. Към разширението са допринесли следните хора.

Сътрудници

“Highlighting Code Block” е преведено на 1 език. Благодарности на преводачите за техния принос.

Превеждане на “Highlighting Code Block” на вашия език.

Имате интерес към разработване?

Преглеждане на кода, разглеждане на SVN хранилище, или абонамент към програмната история (log) чрез RSS.

Списък с промени

1.1.0

Fixed translation file.

1.0.9

Fixed translation file.

1.0.8

English is supported.

1.0.7

  • Compatible with WordPress5.3.
  • Deleted the left and right margins of the HCB code block, and left it to the theme.
  • Enabled conversion with core „source code block“.

1.0.6

  • Compress CSS file to read.
  • Changed to load some CSS with style tag in head.
  • Fixed a bug that font family settings were not reflected.
  • Code cleanup for CSS and JS

1.0.5

  • Move reading script to wp_footer.
  • Changed HCB block logo.
  • You can now set font-family for code blocks.

1.0.4

  • Support for WordPress 5.2.1
  • Changed font-family of code block.
  • The file name can be set to the code block.

1.0.3

Support for WordPress 5.1.1

1.0.2

Change readme.txt

1.0.1

Comment delete.

1.0

Initial release.