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.

20 Responses to “Wordpress Plugin - FV Code Highlighter”

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