Highlighting Code Block

Описание

«Highlighting Code Block» позволяет добавить блок кода с подсветкой синтаксиса одним щелчком мыши.

Он поддерживает как «Редактор блоков», так и «Классический редактор».
(Однако мы рекомендуем использовать его в «Редакторе блоков».)

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

Как использовать (Для редактора блоков)

  • Откройте категорию «Форматирование» средства вставки блоков.
  • Существует настраиваемый блок под названием «Highlighing Code Block».
  • Выберите его, блок будет вставлен.
  • Выберите язык кода и введите любой код.

Как использовать (Для классического редактора)

  • Вы должны увидеть поле выбора с надписью «Блок кода» на панели инструментов (2-я строка по умолчанию).
  • Когда вы выбираете язык в поле выбора, вставляется блок кода (тег pre).

Если это не сработает

Этот плагин работает только с PHP версии 5.6 или выше, WordPress 5.6 или выше.
Пожалуйста, проверьте версию PHP или версию WordPress.

Настройки Про нас

Меню «БЛОК КОДА» необходимо добавить в «Настройки» в левом меню экрана управления.
Настройки, связанные с этим плагином, задаются в этом меню.

Скриншоты

  • Code Coloring
  • Select 「Highlighing Code Block
  • Select lang (Guternberg)
  • Writing your code (Guternberg)
  • Added select box (Tinymce)
  • Select lang (Tinymce)
  • Writing your code (Tinymce)
  • пр) Светлый цвет
  • пр) Темный цвет
  • Базовая настройка
  • Точная настройка

Блоки

Этот плагин предоставляет 1 блок.

  • Highlighing Code Block

Установка

Этот плагин можно установить непосредственно с вашего сайта.

  1. Войдите в систему и перейдите в «Плагины» «Добавить новый».
  2. Введите «Highlighting Code Block» в поле поиска и нажмите Enter.
  3. Найдите плагин в списке результатов поиска и нажмите «Установить сейчас».
  4. После установки нажмите на кнопку «Активировать».

Часто задаваемые вопросы

Доступные языки

По умолчанию доступны следующие языки.

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

Отзывы

15.07.2024 1 ответ
편집기와 미리보기 결과가 불일치 편집기에서 줄번호 비정상 표시 줄번호와 코드 영역 겹침
14.04.2024
在寻求关于此问题的帮助时,您可能需要提供以下信息:WordPress 版本 6.5.2目前启用的主题:Vikinger — BuddyPress Social Community(1.9.9.4.2 版本)当前插件:Highlighting Code Block(版本 2.0.1)PHP 版本 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
04.11.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.
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.
Посмотреть все 22 отзыва

Участники и разработчики

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