SyntaxHighlighter Evolved

Description:

As seen on WordPress.com.

SyntaxHighlighter Evolved allows you to easily post syntax-highlighted code to your site without having to escape the code or anything. It uses the SyntaxHighlighter JavaScript package by Alex Gorbatchev to do the highlighting and supports all of the package’s parameters via shortcode attributes.

For a list of supported languages (most widely used languages are supported), see the WordPress.com support document.

Download:

Example Code Output:

Note that there are various different color schemes available.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>PHP Code Example</title>
</head>
<body>
	<h1>PHP Code Example</h1>

	<p><?php echo 'Hello World!'; ?></p>

	<p>This line is highlighted.</p>

	<div class="foobar">
		This	is	an
		example	of	smart
		tabs.
	</div>

	<p><a href="http://wordpress.org/">WordPress</a></p>
</body>
</html>

If you prefer, you can hide the line numbering and other UI stuff with the “light” mode:

[tag light="true"]your code here[/tag]

There are many other parameters and defaults you can control via the Settings page or the shortcode parameters. Full details and instructions are located at the bottom of the Settings page.

1,163 comments to SyntaxHighlighter Evolved

  1. [...] WordPress.org yang ingin menampilkan source code di self-hosted blog Anda, dapat memasang plugin SyntaxHighlighter Evolved yang di develop oleh Alex Gorbatchev dan Automattic di sini. Share this:DiggEmailLike this:LikeBe [...]

  2. M says:

    Hi!

    Can you help me, in readme.txt don’t have any mention to font size, is very very small in my installation…
    In your example (upside) font size is normal, why…?

  3. [...] ayer, venía usando el plugin de SyntaxHighlighter Evolved para escribir código dentro de los artículos pero me di cuenta que había veces que (seguramente [...]

  4. [...] ??????code???????SyntaxHighlighter Evolved???????live writer???PreCode Code Snippet Manager??????????????? [...]

  5. himitsu says:

    > TIP: Don’t use the Visual editor if you don’t want your code mangled.
    > TinyMCE will “clean up” your HTML.

    <pre>  ...  </pre>

    And then nothing more is removed from TinyMCE.
    But now you have to remove the , when displayed.

    Is planned for sometime a direct integration of an insert buttons in TinyMCE?

  6. glenlau says:

    I enabled the SyntaxHighlighter plug-in, WordPress default editor can not load button, this is why? Referrals to help

  7. [...] ????SyntaxHighlighter Evolved???????????????????????? [...]

  8. I’m using Genesis child theme, now Syntax highlighter not working, just output is code inside box.

  9. [...] that will highlight and format code snippets inline with text. To fill this need, MFS has selected SyntaxHighlighter Evolved by Alex Mills (aka Viper007Bond), which in turn is based on the work of Alex Gorbatchev’s [...]

  10. DM says:

    Hi,
    Is there any chance that you can make the code block expand on mouse over? (currently, on mouse over the toolbar is displayed).
    Thanks,
    DM

  11. [...] better, when I started this blog I decided to use the SyntaxHighlighter – by installing the SyntaxHighlighter Evolved WordPress plugin. This allowed me to simply add ColdFusion code by simply wrapping the code in [ cf [...]

  12. [...] ???????????SyntaxHighlighter Evolved???? [...]

  13. [...] Evolved ?????3.1.3http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/WordPress3.3.1 [...]

  14. [...] ???????????????????? Free WordPress Templates. Best WP Templates.??????????Think_Linux????????????????????????w Exec-PHP???????????????????????????????????????????????????????????????????????????function.php?????????????????????PostPost?????????????????????????????????????HTML??????? ??????SyntaxHighlighter Evolved???????????????????????????????????????????????????????Dynamic To Top????????? ????????????????????????????????????????? ???????????????????????? Shadowmaker: Boxset / Running Wild??3,529???????? 30 Years Anniversary-in the Power of Now / Holy Moses??2,297???????? Kill Devil Hill [Analog] / Kill Devil Hill??3,529???????? document.write(unescape("%3Cscript")+" src='http://widget.zenback.jp/?base_uri=http%3A//kawayan.net/&nsid=91317691708609083%3A%3A91317788345389046&rand="+Math.ceil((new Date()*1)*Math.random())+"' type='text/javascript'"+unescape("%3E%3C/script%3E")); ????(??????w)Amazon???? ???????/CIRCLE TEMPLATE 1218T 588200 ????????????WordPress 3.x????????? (Web Designing Books) The Template *{margin:0; padding:0;} #socialbuttonnav li{background:none;overflow:hidden;width:65px; height:80px; line-height:30px; margin-right:2px; float:left; text-align:center;} #fb { text-align:center;border:none; } [...]

  15. [...] Evolved?????3.1.3http://www.viper007bond.com/wordpress-plugins/syntaxhighlighter/??????????????????????????<br [...]

  16. Mark says:

    How do you create a custom theme so it shows in the theme dropdown?

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

If you wish to post code, write it like [code]blah[/code] so it will display properly.