Alvaro

<a href="https://gutenberg-showcase.melonpan.io/melonpan-block-code" rel="nofollow ugc">Demo</a> – <a href="https://melonpan.io/wordpress-plugins/melonpan-block-code" rel="nofollow ugc">Documentation</a> – <a href="https://github.com/garciaalvaro/melonpan-block-code" rel="nofollow ugc">GitHub</a>
Block to display code, with highlighted syntax, which can be copied to the clipboard.
<h3>Features</h3>
The block comes with the following settings:
<ul>
<li>Code language: JavaScript, CSS, PHP, etc. <a href="https://prismjs.com/#languages-list" rel="nofollow ugc">Full list of languages</a>.</li>
<li>Color theme</li>
<li>Label: Top left label that can be customized. By default the code language.</li>
<li>Copy button: Top right button to copy the block content.</li>
<li>Padding</li>
<li>Border width and Border radius</li>
</ul>
<h3>Usage</h3>
The block can be found inside the blocks inserter menu under the Melonpan Blocks category. 
Once added in the post you can edit its settings on the Editor sidebar under the Block settings panel. 
Switch between the previewer and editor views to edit the code and see its styled output.

Melonpan Block – Code

Block to display code, with highlighted syntax, which can be copied to the clipboard.

GuiTeK

WP Prism Syntax Highlighter enables you to use <a href="http://prismjs.com" rel="nofollow ugc">Prism</a> by <a href="http://lea.verou.me" rel="nofollow ugc">Lea Verou</a> in your WordPress blog.
<blockquote>
Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.
</blockquote>
<ul>
<li>It has an easy and convenient code editor integrated into the WordPress editor toolbar: you can insert code in just one click.</li>
<li>It requires no configuration at all, however you can still customize the default settings in the plugin’s settings page.</li>
</ul>
It supports all Prism features, namely:
<ul>
<li>Syntax highlighting (30+ languages)</li>
<li>Custom themes (6 official themes)</li>
<li>Plugins (7 official plugins: <a href="http://prismjs.com/plugins/line-highlight" rel="nofollow ugc">Line Highlight</a>, <a href="http://prismjs.com/plugins/line-numbers" rel="nofollow ugc">Line Numbers</a>, <a href="http://prismjs.com/plugins/show-invisibles" rel="nofollow ugc">Show Invisibles</a>, <a href="http://prismjs.com/plugins/autolinker" rel="nofollow ugc">Autolinker</a>, <a href="http://prismjs.com/plugins/wpd" rel="nofollow ugc">WebPlatform Docs</a>, <a href="http://prismjs.com/plugins/file-highlight" rel="nofollow ugc">File Highlight</a>, <a href="http://prismjs.com/plugins/show-language" rel="nofollow ugc">Show Language</a>)</li>
</ul>
NOTE: the plugin archive contains
<ul>
<li>all languages definitions</li>
<li>no plugin</li>
<li>default theme</li>
</ul>
It is recommended to use only what you need in order to keep the plugin the smallest possible. 
Please download your custom Prism from http://prismjs.com/download.html and upload the files in:
<ul>
<li>your_plugin_directory/wp-prism-syntax-highlighter/css/</li>
<li>your_plugin_directory/wp-prism-syntax-highlighter/js/ 
Do NOT replace the original prism.css and prism.js, you will lose all your changes as they get overwritten when updating the plugin!</li>
</ul>
Help 
Wondering how to install the plugin? Visit the Installation page. 
Want to see the plugin in action? Click Screenshot above. 
Got any question? See the FAQ.
Contribute 
Both Prism and this plugin are distributed under the MIT license and are developed during our free time. Any help, even a bug report, is much appreciated! 
To contribute:
<ul>
<li>Prism: https://github.com/LeaVerou/prism</li>
<li>Plugin: https://github.com/GuiTeK/wp-prism-syntax-highlighter</li>
</ul>
Why another Prism plugin? 
If you searched the plugin directory, you certainly noticed that there are several Prism plugins for WordPress. Well, none of them satisfied me: one plugin had no code editor, the other didn’t escape HTML tags, another didn’t have the options I needed… so I made a new one to suit my needs.

WP Prism Syntax Highlighter

A lightweight and convenient plugin to integrate Prism Syntax Highlighter into WordPress.

Melonpan Block – Code vs WP Prism Syntax Highlighter