This plugin hasn’t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.

Snippets Block

Description

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

Requirements

Gutenberg activated

Known Issues

There are no known issues at this time.

Roadmap

  • Allow several themes

Installation

  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

FAQ

What library does this plugin use?

It uses highlight.js

What highlight.js theme uses?

androidstudio

Reviews

Agustus 20, 2020
HighlightJS supports a heap of different languages and snippets-block can be modified to include more than it’s current default. Works well simple and straight forward
Méi 18, 2019
This is great, nice and simple. It even worked with our old posts that were written in the old editor. As long as the text is in a <code> tag it’s good to go. Thanks for the quick solution!
April 11, 2019
Nice, simple and straightforward – just add the block and start typing your script. No fancy tidbits to get you distracted. Very useful when you are dragged between several choices – just go for it.
Read all 3 reviews

Contributors & Developers

“Snippets Block” is open source software. The following people have contributed to this plugin.

Contributors

Translate “Snippets Block” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.3.0

  • Added Spanish translation.

1.2.1

  • Fixed line numbers with long lines.

1.2.0

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.