Snippets Block Plugin

Allows to add snippets blocks to your content: Javascript, CSS, HTML…

Purpose

Add snippet blocks to your WordPress content using the new Gutenberg editor

How to use it

• Add a Snippet block within your content
• Include your code
• Select the language
• Save the post and check your front-end

Supported languages

• Apache
• Bash
• C#
• C++
• CSS
• Erlang
• Go
• HTML
• XML
• Handlebars
• JSON
• Java
• JavaScript
• Markdown
• Objective C
• PHP
• Python
• R
• Ruby
• Rust
• SCSS
• SQL
• Shell
• Twig
• TypeScript

Credits

• Based in Making WordPress Do More Block Starter Kit
• Original webpack configuration (before modifications) from Zac Gordon\’s Gutenberg Course.
• Original deploy script (before modifications) from Garry Jones.
• Webpack HMR thanks to Christian Glingener

Requirements

Gutenberg activated

Known Issues

There are no known issues at this time.

Roadmap

• Allow several themes

1. Backup your WordPress install
2. Upload the plugin folder to the /wp-content/plugins/ directory
3. Activate the plugin through the \’Plugins\’ menu in WordPress

What library does this plugin use?

It uses highlight.js

What highlight.js theme uses?

androidstudio

1.3.0

• Added Spanish translation.

1.2.1

• Fixed line numbers with long lines.

1.2.0

• Added line numbers. Thanks Waqas Bin Hasan for the tip.

1.1.0

• Added copy button: it allows to copy to clipboard the content of the snippet
• Save formatted code: instead of parsing the content using highlight.js in the front-end, the HTML is saved directly in the backend
• Fixed filemtime in Windows

1.0.1

• Cleaning some first SVN version mess

1.0.0

• First version.