Title: WP Code Pre
Author: zeshanb
Published: <strong>September 19, 2017</strong>
Last modified: August 8, 2021

---

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://ps.w.org/wp-code-pre/assets/icon-256x256.png?rev=1732209)

# WP Code Pre

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

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

 * [Details](https://pcd.wordpress.org/plugins/wp-code-pre/#description)
 * [Reviews](https://pcd.wordpress.org/plugins/wp-code-pre/#reviews)
 *  [Installation](https://pcd.wordpress.org/plugins/wp-code-pre/#installation)
 * [Development](https://pcd.wordpress.org/plugins/wp-code-pre/#developers)

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

## Description

This simple plugin was created because of security concerns related to using PHP
preg_replace directly. With transition to PHP7, it’s advised to use preg_replace_callback
instead.

This plugin uses built-in supported feature of PHP-“highlight_string”. This plugin
filters post content inside custom html block for

and helps display html and other source code.

To display source code in your posts, surround source code with pre tags. Plugin
will filter for pre tags and add inline styles that may be modified using your wordpress
theme’s css stylesheet.

For WordPress versions 5.0 and above, HTML pre tags can be used within html block
or, classic block. Use the three dot menu to convert to html when there is a invalid
content error while post editing.

## Screenshots

 * [[
 * Code preview on blog post or page
 * [[
 * Typing code in text tab of WordPress Admin area when writing Post.
 * [[
 * Convert block to html while editing to make modifications to existing source 
   code display

## Installation

 1. Download the plugin
 2. Upload the wp-code-pre.zip folder to your site’s wp-content/plugins directory
 3. Activate the plugin in the WordPress Admin Panel
 4. Surround source code with `<pre> </pre>` tags, when writing in blog posts using
    Gutenberg with classic block and “Edit as HTML” or, html block

## FAQ

Why there aren’t any options to modify in admin?
 This plugin simply filters for
pre tags.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“WP Code Pre” is open source software. The following people have contributed to 
this plugin.

Contributors

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

[Translate “WP Code Pre” into your language.](https://translate.wordpress.org/projects/wp-plugins/wp-code-pre)

### Interested in development?

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

## Changelog

#### 1.0

 * First version of the plugin.

#### 1.0.1

 * Updated readme to reflect updates to version 5.0

## Meta

 *  Version **1.0**
 *  Last updated **5 years ago**
 *  Active installations **10+**
 *  WordPress version ** 4.0 or higher **
 *  Tested up to **5.8.13**
 *  PHP version ** 7.0 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wp-code-pre/)
 * Tags
 * [Code Highlight](https://pcd.wordpress.org/plugins/tags/code-highlight/)[filter content](https://pcd.wordpress.org/plugins/tags/filter-content/)
 *  [Advanced View](https://pcd.wordpress.org/plugins/wp-code-pre/advanced/)

## Ratings

No reviews have been submitted yet.

[Add my review](https://wordpress.org/support/plugin/wp-code-pre/reviews/#new-post)

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

## Contributors

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

## Support

Got something to say? Need help?

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