wordpress-syntax-highlighter

KO | EN

gitlite — search

#hacktoberfest #react #ai #typescript #llm #golang #linux #nodejs #macos #java #kubernetes #awesome-list #ios #mcp

wordpress-syntax-highlighter

(★ 9)

A VS Code Extension that adds syntax highlighting to WordPress and Gutenberg decorators and function calls that exist inside traditional comment blocks

wordpress-syntax-highlighter Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

This extension provides syntax highlighting for the following WordPress syntaxes that exist inside traditional comment blocks:

- Plugin header fields (PHP)
- Block patten fields (PHP)
- Theme header fields (style.css)
- Block markup (HTML + JSON)

## Examples

### HTML

![Screenshot of an HTML file containing colorized WordPress blocks](https://raw.githubusercontent.com/MatthiasHunt/wordpress-syntax-highlighter/main/assets/html-example.png)

### CSS

![Screenshot of a CSS WordPress theme file containing a colorized header](https://raw.githubusercontent.com/MatthiasHunt/wordpress-syntax-highlighter/main/assets/css-example.png)

### PHP

![Screenshot of a PHP WordPress theme file containing a colorized block pattern header and colorized HTML](https://raw.githubusercontent.com/MatthiasHunt/wordpress-syntax-highlighter/main/assets/php-example.png)

## Additional Features

The Syntax Highlighter also implements rules for pattern/header field validation based on the following official documentation:

- https://developer.wordpress.org/block-editor/reference-guides/block-api/block-patterns/
- https://developer.wordpress.org/themes/advanced-topics/block-patterns/
- https://developer.wordpress.org/plugins/plugin-basics/header-requirements/
- https://developer.wordpress.org/themes/basics/main-stylesheet-style-css/

![Screenshot of a PHP WordPress theme file containing a colorized block pattern header and colorized HTML](https://raw.githubusercontent.com/MatthiasHunt/wordpress-syntax-highlighter/main/assets/value-error.png)

Unmatched brackets cause error highlighting inside the embedded JSON of WordPress blocks

![Screenshot of a PHP WordPress theme file containing a colorized block pattern header and colorized HTML](https://raw.githubusercontent.com/MatthiasHunt/wordpress-syntax-highlighter/main/assets/bracket-matching.png)

## Credits

This project was inspired by [Gutenberg Comment Highlight](https://marketplace.visualstudio.com/items?itemName=chrisrhymes.gutenburg-comment-highlight) by [@chrisrhymes](https://github.com/chrisrhymes)

Wapuu design by [@marktimemedia](https://github.com/marktimemedia)

wordpress-syntax-highlighter

wordpress-syntax-highlighter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

wordpress-syntax-highlighter

wordpress-syntax-highlighter Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README