Code Syntax Block
Code Syntax Block plugin extends the block editor by adding syntax highlighting to the core code block.
Overview
Compatibility
Installation instructions
Customer support & learning resources
Changelog
Main benefits
Syntax highlighting support
Uses Prism highlighter
JavaScript parsing of code
Customizable CSS styling
Github issue tracking
About this plugin
Author: Weston Ruter
Categories: Design and Customization
Version: 3.2.1
Last updated: 08-05-2024
WordPress version: 5.6
Tested up to: 6.5.5
PHP version required: 5.6
Languages: Deutsch (Sie), Deutsch [+6]
Tags:
Learning resources: View resources
Overview
The Code Syntax Block plugin enhances the WordPress block editor by integrating syntax highlighting capabilities within the core code block, utilizing the Prism syntax highlighter. This plugin leverages JavaScript to parse code blocks on the front-end, applying detailed syntax markup, while a corresponding CSS file dictates the color and style of the highlighting. This enriches code presentation, making it more readable and visually appealing for site visitors. For more information on development and to report issues, users can visit its GitHub repository at https://github.com/mkaz/code-syntax-block.
Syntax Highlighting Support
- Extends the WordPress block editor by adding syntax highlighting.
- Uses Prism syntax highlighter for parsing and applying syntax markup.
Front-End JavaScript Parsing
- Prism syntax highlighter runs JavaScript on the front-end.
- Ensures code blocks are parsed and highlighted dynamically.
Customizable Styling
- A CSS file specifies the color and style for the syntax markup.
- Allows for customization of the appearance of code blocks.
Open Source Development
- Primary development and issue tracking on GitHub.
- Community contributions and transparency in development.
Rating and reviews
Avirtum
18 Jun, 2024
The main thing is that it extends the standard gutenberg block by adding themes. It might be worth adding a button to copy content to clipboard. Good work!
audioscavenger
11 Apr, 2024
Why nothing for the Classic editor?
How about half of WordPress user base?
Duncan
19 Sep, 2023
Colourise syntax of existing code blocks – great! Wonderful simple options of setting a default theme (e.g. dark/light) and a default code type (e.g. PHP). Just what I was looking for, thanks!
Happily working on WordPress 6.3.1 Sept 2023.
This topic was modified 10 months ago by Duncan. Reason: Typo
superlama
28 Jun, 2023
It does the job!
Fellipe Sanches
10 Jun, 2023
Work for all program languages. Great.
