Code Highlighter Preview

Posted by Frank Verhoeven | Filed under Wordpress Plugins

Below is an example of my Code Higlighter that I will release whithin this week.
A reallife example can be found at DivitoDesign.com.

CSS Code

/* Comment */
@import url("main.css");
h3, .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> headline {font-size: 24pt;} </style>
<!-- Comment -->
<td><p><a href="link">Plain Text  </a>
<img src="image" width="15" />
</p><form action="action.pl">
<input type="submit" value="Press Me" />
</form>Text</td>

XML Code

<scheme name="XML" doctypes="XML" priority="50">
<ignoreCase>Yes</ignoreCase>
<defaultText MMString:name="Text/scheme/name" />
<defaultAttribute name="Attribute" />
</scheme>

Tagged: , .

2 Comments » | September 10th, 2008

2 Responses

  1. Frank Verhoeven Says:
    September 17th, 2008 at 4:17 pm

    Also comments will be automaticaly highlighted:

    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> headline {font-size: 24pt;} </style>
<!-- Comment -->
<td><p><a href="link" rel="">Plain Text  </a>
<img src="image" width="15" />
</p><form action="action.pl">
<input type="submit" value="Press Me" />
</form>Text</td>

    XML Code

    <scheme name="XML" doctypes="XML" priority="50">
<ignoreCase>Yes</ignoreCase>
<defaultText MMString:name="Text/scheme/name" />
<defaultAttribute name="Attribute" />
</scheme>
  2. Devendra Says:
    September 20th, 2008 at 5:04 am 
    function hello_world(){
echo "Hello World";
}

Leave a Reply