Wordpress Plugin – FV Code Highlighter

Posted by Frank Verhoeven | Filed under Wordpress Plugins

The main subject of this blog will be web development and feature some interesting articles and tutorials ranging from PHP and jQuery to HTML and CSS. The problem I was facing when I built this theme was the lack of awesome code highlight plugin. I just couldn’t find one that was working for me.

FV Code Highlight Example

I thought maybe more people were looking for a plugin that simply publish codes that looks great. I started to write my own, and the FV Code Highlight plugin was born and now open for the public. The features are plain and simple, read on.

Description

This plugin supports the highlighting of PHP, HTML, CSS and XML. The default tag-highlighter color scheme uses the same colors Adobe’s Dreamweaver is using. This makes it easy for your visitors to recognize what type of codes you wrote. These colors can be changed to your liking in the WPadmin section of your blog.

Features

Easy to use
Renders XHTML, CSS, XML and PHP (in parts)
Default look: Dreamweaver style
Customizable look of codes and code box

How to use this plugin?

1. Upload the folder `fv-code-highlighter` to the `/wp-content/plugins/` directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Place in your pages to use the highlighter

Example

CSS Code

/* Comment */
@import url("main.css");
h2, .head2 {
    font-family: "Sans-Serif";
    font-weight: bold;
    color: #336699 !important;
}
@media screen, print {
    pre { margin: 0px 10px 10px; }
    h1 { font-size: 14px; padding-top: 10px; }
}

(x)HTML Code

<style type="text/css">  headline {font-size: 24pt;}  </style>
<!-- Comment -->
<td><a href="link">Plain Text &nbsp;</a>
<img src="image" alt="" width="15" />
<form action="action.pl"> <input type="submit" value="Press Me" />
</form>Text</td>

Plugin Info

AUTHOR: Frank Verhoeven
AUTHOR URL: http://www.frank-verhoeven.com/
WORDPRESS VERSION: 2.5+
TESTED UP TO: 2.6.2
CURRENT VERSION: 1.0

Download

DEMO: Live Demo
DOWNLOAD: FV Code Highlighter, Mirror

Share and Enjoy:

This entry was posted on Wednesday, September 10th, 2008 at 7:05 pm and is filed under Wordpress Plugins. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

33 Responses to “Wordpress Plugin – FV Code Highlighter”

[...] FV Code Highlighter WP Plugin [...]
12 WP Plugins to Display and Highlight Code within your Blog | JT's World | May 25th, 2009
[...] avoir recherché et tester de nouveau plugin, je suis tombé sur FV Code Highlight. Ce n’est pas le plus beau, ni le plus complet mais quand je saisi un code, deux jours après [...]
Du code dans un article Wordpress | Canal 31 | May 24th, 2009
Great plugin. Cannot wait for PHP to start working. Also is there anything in the works for bash?
John | May 13th, 2009
[...] 3) FV Code Highlighter [...]
5 Best Code Highlighting Plugins | ReviewPk | April 17th, 2009
[...] FV Code Highlighter [...]
done with blog setup | iPhone Diary | April 11th, 2009
Okay, the fatal error is fixed now. Apparently I had an extra folder called trunk which caused this (just re-downloaded and there isn’t any trunk folder in that one.. odd..).

Still isn’t working though..
Hiranthi | March 9th, 2009
I would love to use this plugin, but for some reason it’s giving me a fatal error on activation (Fatal error: Cannot redeclare class FVCodeHighlighting in /…/wp-content/plugins/fv-code-highlighter/FVCodeHighlighter.php on line 13)..

Any idea on what’s going wrong?
Hiranthi | March 9th, 2009
Great plugin! Any news on the js support?
John Crumpton | February 25th, 2009
[...] FV Code Highlighter WP Plugin [...]
Booto’Design » Blog Archive » 12 Wordpress Plugins to Display and Highlight Code | February 20th, 2009
[...] FV Code Highlighter WP Plugin [...]
12 Wordpress Plugins to Display and Highlight Code within your Blog : Speckyboy Design Magazine | February 19th, 2009
[...] Auswahl war groß. Ich wählte dann das WordPress-Plugin FV Code Highlighter von Frank Verhoeven aus. Interessant fand ich, dass die standardmäßig Hervorhebung mit der [...]
Plugin FV Code Highlighter | Webseiten-Infos.de | February 11th, 2009
[...] FV Code Highlighter works very similar to most the other syntax highlighting scripts, but I like how the plugin use the default dreamweaver tag color and the background color. [...]
« Wordpress Plugin: FV Code Highlighter - Eligio : EH-Lee-Hee-Oh | February 10th, 2009
great plugin, work perfectly on wordpress 2.7. thanks
Eligio | February 10th, 2009
GREAT PLUGIN!
ThunderWolf | December 12th, 2008
Wow… thanks God ! I found You Franks… FV COde Highlighter it’s So helpfull
Andri yarusman | November 29th, 2008
As soon as PHP is fixed (it now still has some bugs), I can easily add JavaScript support very easy. So it will come soon
Frank Verhoeven | November 24th, 2008
how can i put javascript theme in this, now days its more javascript then html.. can we have javascript option too please..
abnfire | November 24th, 2008
[...] FV Code Highlighter [...]
Four Top Wordpress Code Highlighters Reviewed | November 16th, 2008
Hey,
You need to remove the = between code and type. So it becomes {code type=php}.
Frank Verhoeven | October 29th, 2008
hi!
i can’t use the plugin i have it active but i place the
and i can see the { code} and nothing higlighted
what am i doing wrong?
WALO | October 29th, 2008
[...] FV Code Highlighter – If you want to highlight code tags like HTML, CSS, PHP or JavaScript on your Wordpress blog you [...]
10 Un-Usual Wordpress Plugins that Improved my Blog » DivitoDesign | October 26th, 2008
Another satisfied customer! Works great.
Lee | October 4th, 2008
It should work both in pages and posts, ~~be sure to use the right syntax as described above~~ and download the latest version. If that still doesn’t work, please send me an email with your server details, so I am able to find the problem.
Frank Verhoeven | October 2nd, 2008
plug-in isn’t working for me – I’m running wp 2.6.2

I inserted the code
```
 my code here 
```
but it just displays as plain text. This is within an actual blog post. Is this plugin only for pages? thanks
matt | October 2nd, 2008
Very Good~!!
Crane Machine | September 21st, 2008
Too bad it didn’t help you

I hope to get version 1.1 ready within three weeks.
Frank Verhoeven | September 17th, 2008
Thank you Frank!
I tried exactly what you said. I now get the following error:
“Warning: cannot yet handle MBCS in html_entity_decode()! in /home/itrating/public_html/wp-content/plugins/fv-code-highlighter/phpHighlighter.php on line 19″

Since you mentioned that this will get fixed in the next version I am happy to wait until that comes out instead of pestering you with this, though.

Thank you for the great plugin!
tmax | September 17th, 2008
tmax, thanks!

I guess you’re running PHP 4, since this function only works on 5.1 and up. However, the problem can be fixed!

Open the file phpHighlighter.php with notepad or your favorite text editor (it’s in the fv-code-highlighter directory), and search for the next line:
```
<?php
$code = htmlspecialchars_decode($code, ENT_QUOTES);
?>
```
It should be line number 19.

Now replace that line with this line:
```
$code = html_entity_decode($code, ENT_QUOTES, 'utf-8');
```
And everything should work perfect!

In the next release this problem will be automatically fixed, since it will get a better PHP highlighter.
Frank Verhoeven | September 17th, 2008
Thank you for a great plugin Frank!

I got an error I wanted to run by you in case it is a bug. Of course it might just be my fault instead.

When I use the
```
code
```
on a code segment it all works well.
When I use the
```
code
```
on a code segment I get the error while the blog post is rendering:

Fatal error: Call to undefined function: htmlspecialchars_decode() in /home/itrating/public_html/wp-content/plugins/fv-code-highlighter/phpHighlighter.php on line 19

My Wordpress engine is version 2.6.1

Thanks
tmax | September 17th, 2008
Hey bighead,
Thanks for the compliment!

At this moment I don’t know much about Java, but I will try to get it implemented in the next release.
Frank Verhoeven | September 15th, 2008
Hi, ur plugin is very nice, i am using it…but this version still not support JAVA. Anyway, i have modify it so that it able to format some simple JAVA code. I am wating for ur next release, hope that coming release ll include JAVA formating.Thanks ya, nice job!
bighead | September 15th, 2008
Thanks, and thanks again for all your help and support!!
Frank Verhoeven | September 14th, 2008
Awesome plugin my friend! Use it all the time.
Stefan Vervoort | September 13th, 2008