Simon Ugorji

<blockquote>
PLEASE NOTE THAT THIS PLUGIN DOES NOT AND WILL NEVER EXECUTE ANY TYPE OF CODE ON YOUR WORDPRESS SITE!
</blockquote>
This plugin uses Google Prettify which is an open-source syntax highlighting library.
This plugin relies on 3rd party services under the circumstances below;
<ol>
<li>
<a href="https://github.com/googlearchive/code-prettify/" rel="nofollow ugc">Syntax highlighting</a> – This is the core library that will make your snippets to be formatted according to your chosen language.
</li>
<li>
<a href="https://jmblog.github.io/color-themes-for-google-code-prettify/" rel="nofollow ugc">Color Themes</a> – This is the color themes that can be used to change what your code snippets looks like
</li>
</ol>
You can find the Terms of Use and privacy policy on the links above.
<h3>HOW TO USE</h3>
CREATE A NEW SNIPPET
<ol>
<li>Head Over to the New Snippet page to create a New Code Snippet.</li>
<li>On the page, add a title for the new snippet.</li>
<li>Select the Language you’re working with.</li>
<li>Type in the code in the code box and when you’re done, click on Preview.</li>
<li>Click on Save to save your code snippet.</li>
</ol>
<blockquote>
NOTE: YOUR CODE SNIPPETS ARE ENCODED AND STORED AS PLAIN TEXT TO PREVENT ITS EXECUTION
</blockquote>
MANAGE CODE SNIPPETS
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>You can click on the Copy button to copy the shortcode for the snippet.</li>
<li>You can click on the Edit button to edit a code snippet.</li>
<li>You can click on the Delete button to delete a code snippet.</li>
</ol>
EDIT CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Edit button to redirect you to the edit page.</li>
<li>On the Edit page, change the title for the snippet.</li>
<li>Change the Language you’re working with.</li>
<li>Modify the code in the code box and when you’re done, click on Update.</li>
</ol>
EMBED CODE SNIPPET
<ol>
<li>Head Over to the All Snippets page to view existing code snippets.</li>
<li>Click on the Copy button to copy the shortcode for the snippet.</li>
<li>In any of your wordpress posts, place the copied shortcode & save the post.</li>
<li>Preview the post to see the snippet embedded right where you want it.</li>
</ol>

Coding Blocks

code block, syntax highlighter, code highlighter, editor, php, html, css, javascript, python, java, jsx, react, snippet, highlight, syntax, github, p …

Fredrik Stigsson

This plugin uses <a href="https://github.com/googlearchive/code-prettify" rel="nofollow ugc">Google Code Prettify</a> with customized styling. This plugin uses the default skin, custom styling has been applied to show line numbers and to prevent line-breaks. The wp-code-block is styled by the theme (borders, background color and more), the contents of the pre-block is styled by css in the plugin.

Annytab Code Prettify

A lightweight plugin that automatically prettifies code in [pre] tags, with linenumbers and without line-breaks.

Coding Blocks vs Annytab Code Prettify