Light Code Block

Опис

The “Light Code Block” plugin is a simple and lightweight solution for inserting and displaying code snippets in posts and pages.
It works by adding a custom “LC” button to the TinyMCE (Classic) editor or a code block in the Gutenberg editor.

The inserted code will be shown on the front end in a clean, readable format.

Usage

  • Install and activate the plugin.
  • Go to the post or page edit screen.
  • In the TinyMCE (Classic) editor, click the “LC” button in the toolbar.
  • In the popup window that opens, paste or write your code, and click OK.
  • Save or update your post.

The code will be saved inside a special block and displayed on the front end within a <pre> tag with the class mce-simple-code-block (i.e., <pre class="mce-simple-code-block">...</pre>).

To insert code using the Gutenberg editor, you first need to add a Classic (TinyMCE) block, and then use it to insert your code.

Скріншоти

  • The “LC” button in the Classic editor toolbar.
  • Popup window for inserting/editing code (Classic version).
  • Popup window for inserting/editing code (Gutenberg version).
  • Example of a rendered code block on the front end.

Встановлення

  1. Install the “Light Code Block” plugin through the standard WordPress plugin installer.
  2. Or unzip and upload the “light-code-block” folder to the /wp-content/plugins/ directory.
  3. Activate the plugin through the ‘Plugins’ menu in WordPress.

Відгуки

Для цього плагіна немає відгуків.

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

“Light Code Block” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

Учасники

“Light Code Block” було перекладено на 1 локалізацію. Дякуємо перекладачам за їх роботу.

Перекладіть “Light Code Block” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

1.0.1

  • For backward compatibility, the class “mce-simple-block-code” has been added.

1.0.0

  • Init release.