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.
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, for example:
[php light="true"]your code here[/php]
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.
Download:
- Download from WordPress.org (0 downloads)
GitHub:
This plugin is available on GitHub. Issues, patches, and pull requests are welcome.
Pingback: 10 ????? ???????? ????????
Pretty cool plugin Alex. I was looking for something a bit different but I started using yours and I love it. Thanks a lot.
Pingback: Markdown?WordPress???? | hsk?blog
Great plugin thanks and I am straight away going to install it because we sometimes need to paste code on your blog so this plugin does all the work
Pingback: SyntaxHighlighter Evolved | Tevac Network
Pingback: ????????? ??????????
Pingback: Viktor H. Morales | WordPress Shortcode: Compartir jsFiddle y PasteBin en tu blog
Pingback: Zwei frische Lösungen für die Code-Darstellung in WordPress - Dr. Web
Pingback: Two Fresh Solutions for Code Display in WordPress | NOUPE
I have installed syntaxhighlighter.
When we double click code, the code converted as textarea and its showing below the orginal code.
See the screenshot at http://i.imgur.com/4YS9Cja.jpg
I want exact like your code above. When double on code, it should be selected all code
Pingback: WordPress??????SyntaxHighlighter??????[?] - ???????
Pingback: [WordPress] Syntaxhighlighter evolved ??????? | ???????
thanks!
Hi, I found small error with “title”
Try sample:
Result:
Oh, try again…
[/code]
[/code]
I can’t reproduce this. I mean it’s even working here on my blog in your comment above.
Make sure you’re running both the latest WordPress and the latest version of my plugin.
Problem what?
https://vsback.com/wordpress-meta-widgeti-duzenleme/
On one of my blogs, I’m seeing a question mark next to the first line of code that uses SyntaxHighlighter Evolved. Clicking the question mark pops up a box asking for donations for Alex Gorbatchev. The version of SyntaxHighlighter referenced is 3.0.83. I’ve read that Alex has a newer version of the code that doesn’t ask for donations. Do you plan to update SyntaxHighlighter Evolved to the newest version of Alex’s code? (I believe it is 4.x.)
Thank you for the plugin. I am using it on my site. I would like to change the colour scheme to “solarized” now is that possible?
It looks like this plugin will add it for you: https://wordpress.org/plugins/syntaxhighlighter-evolved-themes/
Pingback: WordPress??? – ???
Hey man thanks for this plugin.
how can i set vertical scroll bar so web page not become lengthy.
Thanks
Ray
You’d need to modify the CSS to do that. An easier solution is to just enable the collapsed parameter on your longer code blocks.
but i want editor like in stackoverflow.com in that if code is lengthy than vertical scroll bar added automatically.
You’re on your own for that then. I’m not the author of the JavaScript highlighting library that my plugin uses.
Okay np. i will try to find solution myself.
Pingback: WordPress Anpassungen – Beitragsbild, Startseite und Quellcode-Anzeige – NOVATREND Blog
Pingback: Useful Wordpress Administrator Plugins - John Ryan Design
Pingback: SyntaxHighlighter Evolved: ??? – jdev.date
hi, since syntaxHighlighter v4 is working out, can it be added to this plugin?
Pingback: WordPress??????SyntaxHighlighter?????? – ????
Pingback: Menuliskan Baris Perintah dalam WordPress | chaplux.web.id
Pingback: The Top 100 WordPress Plugins For Your Site | Bucur Blog
Pingback: ????? – Lenix Blog
Pingback: Writing Code in Your Posts | T? h?c ti?ng Anh và vi tính
What’s the difference between this and Alex Gorbatchev’s SyntaxHighlighter?
Pingback: WordPress??????SyntaxHighlighter?????? | ????
Pingback: SyntaxHighlighter Evolved???? – ????
Pingback: WordPress??????SyntaxHighlighter?????? | IT??
Pingback: WordPress??????SyntaxHighlighter?????? | ???
Pingback: Wordpress SyntaxHighlighter Evolved eklentisi – Türkçe kaynak
Pingback: Writing Code in Your Posts | WordPress World
Hi Alex! Thanks for a great plugin! Please tell me whether it is possible to make some lines of code strikeout?
No, I don’t think the highlighting library supports that. Sorry.
Ok. Understandably 🙁
Hi! The plugin works beautifully for me on pages, but I have not been able to get it to highlight code in posts. Any suggestions?
Weird. What happens if you temporary try a different theme, specifically one of the “Twenty” themes that comes with WordPress?
Good call. I’m working with a pretty highly-customized child theme, and when I switch to the parent theme, the problem goes away. That gives me a good starting point to troubleshoot. I’ll share if I figure out what’s causing the issue in the child theme. Thanks!
Pingback: Wordpress Code Display
Pingback: Menuliskan Baris Perintah dalam WordPress – chaplux.web.id
Hi Alex How can i get the copy to clipboard button after install the plugin ? Thank you.
Hey! I use this plugin but I have noticed that in html text within the code when I update it, it add lots of extra symbols. this https://screencast.com/t/CjtCtPED0PR turn into this https://screencast.com/t/O4MLCvZ0F what am I doing wrong?
Looks like you have written your code in the “Visual” window and viewed it in the “Text” window.
Hi, how do I get my indenture preserved in my code? I thought I had tabs (in vim) but they’ve >poof< and I can' hard-put spaces in, either. This is driving me insane.
Pingback: Teddy Critic WordPress Plugin – Dd's Portfolio
Pingback: Welche WordPress-Plugins nutze ich?
Thanks for the nice plugin Alex! Just want to let you know it works very well on my blog, thing i noticed is that the link ‘Download from WordPress.org ( downloads)’ on this page isn’t working correctly. It redirects me to this page, i think it need to go to the wordpress.org page right ?
Cheers Jim
Pingback: How to Add Code Examples to Your Wordpress PostsABWAIN
can i know how to use it when compose post, i installed but dont know how to use it
Pingback: WordPress: Syntaxhighlighter – IT Kosmopolit
Hi, Alex, I using Syntaxhighlighter Envolved plugin, its great. But i got some problem when adding another plugin. The Syntax Highlighter is gone when I activated AddToAny plugin on my site. Wish I can use both plugin.
.
Thanks Alex
Pingback: code test | ?????