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

---

Sök tillägg

Det här tillägget **har inte testats med någon av de 3 senaste huvudversionerna 
av WordPress**. Det kanske inte längre underhålls och kan ha kompatibilitetsproblem
när det används tillsammans med nyare versioner av WordPress.

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

# WP Code Pre

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

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

 * [Detaljer](https://sv.wordpress.org/plugins/wp-code-pre/#description)
 * [Recensioner](https://sv.wordpress.org/plugins/wp-code-pre/#reviews)
 *  [Installation](https://sv.wordpress.org/plugins/wp-code-pre/#installation)
 * [Utveckling](https://sv.wordpress.org/plugins/wp-code-pre/#developers)

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

## Beskrivning

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.

## Skärmdumpar

[⌊Code preview on blog post or page⌉⌊Code preview on blog post or page⌉[

Code preview on blog post or page

[⌊Typing code in text tab of WordPress Admin area when writing Post.⌉⌊Typing code
in text tab of WordPress Admin area when writing Post.⌉[

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⌉⌊Convert block to html while editing to make modifications to existing source
code display⌉[

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

## Vanliga frågor

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

## Recensioner

Detta tillägg har inga recensioner.

## Bidragsgivare och utvecklare

”WP Code Pre” är programvara med öppen källkod. Följande personer har bidragit till
detta tillägg.

Bidragande personer

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

[Översätt ”WP Code Pre” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/wp-code-pre)

### Intresserad av programutveckling?

[Läs programkoden](https://plugins.trac.wordpress.org/browser/wp-code-pre/), kika
på [SVN-filförvaret](https://plugins.svn.wordpress.org/wp-code-pre/) eller prenumerera
på [utvecklarloggen](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).

## Ändringslogg

#### 1.0

 * First version of the plugin.

#### 1.0.1

 * Updated readme to reflect updates to version 5.0

## Meta

 *  Version **1.0**
 *  Senast uppdaterat **5 år sedan**
 *  Aktiva installationer **10+**
 *  WordPress-version ** 4.0 eller senare **
 *  Testat upp till **5.8.14**
 *  PHP-version ** 7.0 eller senare **
 *  Språk
 * [English (US)](https://wordpress.org/plugins/wp-code-pre/)
 * Etiketter
 * [Code Highlight](https://sv.wordpress.org/plugins/tags/code-highlight/)[filter content](https://sv.wordpress.org/plugins/tags/filter-content/)
 *  [Avancerad vy](https://sv.wordpress.org/plugins/wp-code-pre/advanced/)

## Betyg

Än så länge har inga recensioner skickats in.

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

[Se alla recensioner](https://wordpress.org/support/plugin/wp-code-pre/reviews/)

## Bidragande personer

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

## Support

Har du något att säga? Behöver du hjälp?

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