Fred Wu

SyntaxHighlighter Plus is a WordPress plugin for code syntax highlighting. It is an enhanced version of the original SyntaxHighlighter by Matt, Viper007Bond and mdawaffe. Please give them a big applause for making such a great plugin!
SyntaxHighlighter allows you to easily post syntax highlighted code all without loosing it’s formatting or making an manual changes.
It supports the following languages (the alias for use in the post is listed next to the name):
<ul>
<li>Bash — <code>bash</code>, <code>sh</code></li>
<li>C++ — <code>cpp</code>, <code>c</code>, <code>c++</code></li>
<li>C# — <code>c#</code>, <code>c-sharp</code>, <code>csharp</code></li>
<li>CSS — <code>css</code></li>
<li>Delphi — <code>delphi</code>, <code>pascal</code></li>
<li>Diff — <code>diff</code></li>
<li>Groovy — <code>groovy</code></li>
<li>Java — <code>java</code></li>
<li>JavaScript — <code>js</code>, <code>jscript</code>, <code>javascript</code></li>
<li>Perl — <code>perl</code>, <code>pl</code></li>
<li>PHP — <code>php</code></li>
<li>Plain text — <code>plain</code>, <code>text</code></li>
<li>Python — <code>py</code>, <code>python</code></li>
<li>Ruby — <code>rb</code>, <code>ruby</code>, <code>rails</code>, <code>ror</code></li>
<li>Scala — <code>scala</code></li>
<li>SQL — <code>sql</code></li>
<li>VB — <code>vb</code>, <code>vb.net</code></li>
<li>XML/HTML — <code>xml</code>, <code>html</code>, <code>xhtml</code>, <code>xslt</code></li>
</ul>
This plugin uses the <a href="http://code.google.com/p/syntaxhighlighter/" rel="nofollow ugc">SyntaxHighlighter JavaScript package by Alex Gorbatchev</a>.
<h3>Other BBCode Methods</h3>
Find <code>[sourcecode language='css']code here[/sourcecode]</code> too long to type? Here’s some alternative examples:
<ul>
<li><code>[source language='css']code here[/source]</code></li>
<li><code>[code language='css']code here[/code]</code></li>
<li><code>[sourcecode lang='css']code here[/sourcecode]</code></li>
<li><code>[source lang='css']code here[/source]</code></li>
<li><code>[code lang='css']code here[/code]</code></li>
<li><code>[sourcecode='css']code here[/sourcecode]</code></li>
<li><code>[source='css']code here[/source]</code></li>
<li><code>[code='css']code here[/code]</code></li>
<li><code>[lang='css']code here[/lang]</code></li>
<li><code>[css]code here[/css]</code> (or any of the supported language)</li>
</ul>
Note: Quotation marks around the language can be omitted for even shorter and neater syntax. 🙂

SyntaxHighlighter Plus

Easily post source code such as PHP or HTML and display it in a styled box.

Pavel

The “Light Code Block” plugin is a simple and lightweight solution for inserting and displaying code snippets in posts and pages. 
It works by adding a custom “LC” button to the TinyMCE (Classic) editor or a code block in the Gutenberg editor.
The inserted code will be shown on the front end in a clean, readable format.
<h3>Usage</h3>
<ul>
<li>Install and activate the plugin.</li>
<li>Go to the post or page edit screen.</li>
<li>In the TinyMCE (Classic) editor, click the “LC” button in the toolbar.</li>
<li>In the popup window that opens, paste or write your code, and click OK.</li>
<li>Save or update your post.</li>
</ul>
The code will be saved inside a special block and displayed on the front end within a <code><pre></code> tag with the class <code>mce-simple-code-block</code> (i.e., <code><pre class="mce-simple-code-block">...</pre></code>).
To insert code using the Gutenberg editor, you first need to add a Classic (TinyMCE) block, and then use it to insert your code.

Light Code Block

The "Light Code Block" plugin is the simplest and lightest plugin for inserting and displaying code.

SyntaxHighlighter Plus vs Light Code Block