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

屏幕截图

  • 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

区块

该插件提供了1个区块.

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

评价

2023年11月4日 1 回复
Unfortunately, the plugin doesn't support Java, Kotlin, Flutter nor XML syntax, making it completely useless for anyone in the Android development field.
2023年7月25日
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.
2022年11月26日 7 回复
The plugin developer and the plugin itself are very good. Wish them all the best. Being a developer takes a huge time, effort, money & sacrifice. If you're a user of this plugin like me, do not just leave your negative feedback unless you talked to the support. Also, if you were a backbencher like me and if you're still a backdated who uses an older version of PHP (just like me), please feel free to use this plugin with peace of mind. Enjoy!
阅读所有17条评价

贡献者及开发者

“Highlighting Code Block” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

“Highlighting Code Block”插件已被翻译至4种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Highlighting Code Block”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

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

Fixed block.json file.

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.

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.