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.

Automattic

Alex Mills

Donncha O Caoimh (a11n)

Now with support for the new block editor in WordPress 5.0!
SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without losing its formatting or making any manual changes. It uses the <a href="http://alexgorbatchev.com/wiki/SyntaxHighlighter" rel="nofollow ugc">SyntaxHighlighter JavaScript package by Alex Gorbatchev</a>.
For a live demo, see <a href="https://alex.blog/wordpress-plugins/syntaxhighlighter/" rel="nofollow ugc">this plugin’s homepage</a>.
For a list of supported languages (most widely used languages are supported), see the <a href="http://en.support.wordpress.com/code/posting-source-code/" rel="nofollow ugc">WordPress.com support document</a>.
Development of this plugin is <a href="https://github.com/Automattic/syntaxhighlighter" rel="nofollow ugc">on GitHub</a>. 
Translation of the plugin into different languages is on the <a href="https://translate.wordpress.org/projects/wp-plugins/syntaxhighlighter" rel="nofollow ugc">translation page</a>.
<a href="http://en.blog.wordpress.com/2009/12/02/better-source-code-posting/" rel="nofollow ugc">As seen on WordPress.com.</a>

SyntaxHighlighter Evolved

Just what I was looking for.
Thank you guys.

Perfect

I'm a longtime user of syntaxhighlighter evolved, so thanks for the excellent plugin!

The only downside I've recently experienced is the lack of bbPress integration, hence 4 stars rather than 5. If you need this for non-bbPress projects, this is a great choice.

longtime fan, but no bbpress support


It works and show code beautifully on pages, But if you copied that code and want to use it, the it shows errors, Looks like it add some spaces,



I tried it with php shorcode, and when i copied the code from the frontend of the page, It gives Parse error: syntax error, unexpected...


Works, But if you copy code and wan to to use it show error

Easily post syntax-highlighted code to your site without having to modify the code at all. As seen on WordPress.com.

Frontend Debugger vs SyntaxHighlighter Evolved