Viktor Szépe

<h4>Only for development!</h4>
Displays:
<ul>
<li>Header</li>
<li>Thumbnails</li>
<li>The Loop (content)</li>
<li>Footer</li>
<li>Included template parts</li>
<li>Highlight script, link and style elements</li>
</ul>
To remove all registered scripts and styles add <code>?remove-scripts</code> to the URL. All these scripts and styles will be listed at the bottom of the footer as HTML comment. This way it is possible to detect non-WordPress script printing.
If you are not an administrators add <code>?view-source</code> to the URL to activate Frontend Debugger.
Notice: This plugin uses regular expressions and <code>eval()</code> to get the current template apart.
TODO: sidebar, search-form.
The mini control panel contains:
<ul>
<li>Header, Thumbnails, The Loop, Footer, Included files anchors</li>
<li>Toogle button for line numbers</li>
<li>Toggle button for line wrapping</li>
<li>Toggle button for showing line ends</li>
<li>Button for script and style highlighting</li>
</ul>
From the second click on the <code>Highlight</code> button loops through (scrolls to) all scripts and styles.
The control panel’s state is kept in your browser’s <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage" rel="nofollow ugc">localStorage</a>.
Development of this plugin goes on on <a href="https://github.com/szepeviktor/frontend-debugger" rel="nofollow ugc">GitHub</a>. Please contribute by sending PR-s implementing my TODO-s.

Frontend Debugger

Display prettified page source on the frontend.

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.

Frontend Debugger vs SyntaxHighlighter Plus