Prism.js Gutenberg Block

Shared by
Find your next wordpress developer job
Drupal Web Developer at On Fire Media (San Antonio, TX)

Use Prism.js in WordPress with the Prism.js Gutenberg block plugin. Uses the existing code block for easy & semantic integration.

Prism.js Gutenberg Block

Prism.js is one of the best & most light-weight code syntax highlighters out there. Surprisingly (at least at the time of writing this), there’s not a WordPress Prism.js Gutenberg block plugin available on

Luckily, Jim Schofield put together one on GitHub and is easily customizable for your specific needs (i.e. load only what you need). He also did a great write-up on how he accomplished this by showing how to create custom Gutenberg blocks.

Did you find Prism.js Gutenberg Block useful? Get articles in your inbox.

…and don’t worry, I hate spam as much as you. Expect to hear from me at most once a week.

Share on facebook
Share on twitter
Share on linkedin
Share on reddit
Share on facebook

Stay updated.

Get a weekly email with the latest trends in web development & SEO.

Write a guest post.

Have an interesting article or idea? Become a guest blogger & pitch me your concept today.

Join the conversation.

Your email address will not be published. Required fields are marked *

All comments posted on 'Prism.js Gutenberg Block' are held for moderation and only published when on topic and not rude. Get a gold star if you actually read & follow these rules.

You may write comments in Markdown. This is the best way to post any code, inline like `<div>this</div>` or multiline blocks within triple backtick fences (```) with double new lines before and after.

Want to tell me something privately, like pointing out a typo or stuff like that? Contact Me.