Title: CODE FACE SYNTAX HIGHLIGHTER
Author: djsipe
Published: <strong>February 23, 2008</strong>
Last modified: February 23, 2008

---

Search plugins

This plugin **hasn’t been tested with the latest 3 major releases of WordPress**.
It may no longer be maintained or supported and may have compatibility issues when
used with more recent versions of WordPress.

![](https://s.w.org/plugins/geopattern-icon/code-face.svg)

# CODE FACE SYNTAX HIGHLIGHTER

 By [djsipe](https://profiles.wordpress.org/djsipe/)

[Download](https://downloads.wordpress.org/plugin/code-face.zip)

 * [Details](https://wordpress.org/plugins/code-face/#description)
 * [Reviews](https://wordpress.org/plugins/code-face/#reviews)
 * [Development](https://wordpress.org/plugins/code-face/#developers)

 [Support](https://wordpress.org/support/plugin/code-face/)

## Description

This plugin is intended to provide on-demand syntax highlighting for programming
code. It supports many programming languages. Code blocks are automatically detected
within the HTML of your posts through JavaScript. Only
 the needed language highlighting
resources are loaded. Supported languages: C++, C#, CSS, Delphi, Java, JavaScript,
PHP, Python, Ruby, SQL, VB, XML/HTML.

This package includes the “syntaxhighlighter” project: http://www.dreamprojections.
com/syntaxhighlighter

INSTALLATION

To install this plugin, unzip and copy the “codeface” directory into your
 plugins
directory. This is typically /wp-content/plugins.

Next, check that the theme you are using contains the following PHP function
 call:“
wp_footer();”. This will be typically found somewhere in the “footer.php” file. 
If your theme doesn’t contain this call, copy the following code into your footer
above the closing tag:

    ```
      <?php wp_footer(); ?> 
    ```

Finally, log into the WordPress Admin section and activate the plugin.

USAGE

To highlight the code syntax of a given post, open the post for editing. You should
see two tabs “Visual” and “Code” above the rich text editor WordPress
 provides.
Click the “Code” tab. From there you can edit the HTML of your post.

To use code highlighting, you’ll have to wrap your example code in a

<

pre> or
 tag and pick the CSS class name for your language (see class names below).
For example:

    ```
      <pre class="php-codeface">       <?php            require_once "myFile.php";       ?>   </pre> 
    ```

NOTE: It’s recommended you do _NOT_ use tags in your posts. It
 tends to freak out
WordPress and you can end up loosing part or all of your post.

Code Face supports syntax highlighting for many different languages. You can select
the appropriate language by adding a “class” attribute to the

<

pre> or tag, like the example above. Here are the class names you can use and the
language they represent:

    ```
        CSS Class Name      Language     ------------------  --------     cplusplus-codeface  C++     csharp-codeface     C#     css-codeface        CSS     delphi-codeface     Delphi     java-codeface       Java     js-codeface         JavaScript     python-codeface     Python     php-codeface        PHP     ruby-codeface       Ruby     sql-codeface        SQL     vb-codeface         VB     xml-codeface        XML     html-codeface       HTML (alias for XML) 
    ```

When you finish editing your post, save it. Code Face will automatically detect 
the code blocks and highlight them for you when you view it on the
 front-end.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“CODE FACE SYNTAX HIGHLIGHTER” is open source software. The following people have
contributed to this plugin.

Contributors

 *   [ djsipe ](https://profiles.wordpress.org/djsipe/)

[Translate “CODE FACE SYNTAX HIGHLIGHTER” into your language.](https://translate.wordpress.org/projects/wp-plugins/code-face)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/code-face/), check 
out the [SVN repository](https://plugins.svn.wordpress.org/code-face/), or subscribe
to the [development log](https://plugins.trac.wordpress.org/log/code-face/) by [RSS](https://plugins.trac.wordpress.org/log/code-face/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Version **1.0**
 *  Last updated **18 years ago**
 *  Active installations **Fewer than 10**
 *  [Advanced View](https://wordpress.org/plugins/code-face/advanced/)

## Ratings

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/code-face/reviews/#new-post)

[See all reviews](https://wordpress.org/support/plugin/code-face/reviews/)

## Contributors

 *   [ djsipe ](https://profiles.wordpress.org/djsipe/)

## Support

Got something to say? Need help?

 [View support forum](https://wordpress.org/support/plugin/code-face/)