Title: WP Code Pre
Author: zeshanb
Published: <strong>19 september 2017</strong>
Last modified: 8 augustus 2021

---

Plugins zoeken

Deze plugin **is niet getest met de laatste drie grote versies van WordPress**. 
Mogelijk wordt het niet meer onderhouden of ondersteund. Er kunnen ook compatibiliteitsproblemen
ontstaan wanneer het wordt gebruikt met recentere versies van WordPress.

![](https://ps.w.org/wp-code-pre/assets/icon-256x256.png?rev=1732209)

# WP Code Pre

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

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

 * [Details](https://nl-be.wordpress.org/plugins/wp-code-pre/#description)
 * [Beoordelingen](https://nl-be.wordpress.org/plugins/wp-code-pre/#reviews)
 *  [Installatie](https://nl-be.wordpress.org/plugins/wp-code-pre/#installation)
 * [Ontwikkeling](https://nl-be.wordpress.org/plugins/wp-code-pre/#developers)

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

## Beschrijving

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.

## Schermafbeeldingen

 * [[
 * 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

## Installatie

 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.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“WP Code Pre” is open source software. De volgende personen hebben bijgedragen aan
deze plugin.

Bijdragers

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

[Vertaal “WP Code Pre” naar jouw taal.](https://translate.wordpress.org/projects/wp-plugins/wp-code-pre)

### Interesse in de ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/wp-code-pre/), haal 
de [SVN repository](https://plugins.svn.wordpress.org/wp-code-pre/) op, of abonneer
je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/wp-code-pre/) via
[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

 *  Versie **1.0**
 *  Laatst bijgewerkt: **5 jaar geleden**
 *  Actieve installaties: **10+**
 *  WordPress versie ** 4.0 of nieuwer **
 *  Getest t/m **5.8.13**
 *  PHP versie ** 7.0 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/wp-code-pre/)
 * Tags
 * [Code Highlight](https://nl-be.wordpress.org/plugins/tags/code-highlight/)[filter content](https://nl-be.wordpress.org/plugins/tags/filter-content/)
 *  [Geavanceerde weergave](https://nl-be.wordpress.org/plugins/wp-code-pre/advanced/)

## Beoordelingen

Er zijn nog geen beoordelingen ingediend.

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

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/wp-code-pre/reviews/)

## Bijdragers

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

## Ondersteuning

Iets te melden? Hulp nodig?

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