Title: Xhtheme Code Block
Author: xhtheme
Published: <strong>6 februari 2025</strong>
Last modified: 3 september 2025

---

Sök tillägg

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

# Xhtheme Code Block

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

[Ladda ner](https://downloads.wordpress.org/plugin/xhtheme-code-block.1.0.2.zip)

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

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

## Beskrivning

Xhtheme Code Block is a plugin for adding code blocks to your WordPress site, supporting
syntax highlighting and adapting to the theme’s light and dark mode switching.

 * Supports syntax highlighting for multiple programming languages.
 * Allows selection of light, dark, or auto mode.
 * Supports custom filename display.

### External Libraries

 * **Alpine.js**:
    - Version: 3.x.x
    - Source: [Alpine.js Official Website](https://alpinejs.dev/)
    - Description: Alpine.js is a lightweight JavaScript framework for adding interactivity
      to HTML. It is used in the Xhtheme Code Block plugin to manage the reactive
      state of the settings page, allowing for dynamic updates and user interactions
      without the need for page reloads.
 * **Prism.js**:
    - Version: 1.x.x
    - Source: [Prism.js Official Website](https://prismjs.com/)
    - Description: Prism.js is a lightweight, extensible syntax highlighter, built
      with modern web standards in mind. It is used in the Xhtheme Code Block plugin
      to provide syntax highlighting for a wide range of programming languages.

### Source Code

The source code for `build/index.js` can be found in the `block-code/src` directory.

## Block

Detta tillägg tillhandahåller 1 block.

 *   Code Block A customizable code block component for displaying and editing code
   snippets with syntax highlighting.

## Installation

 1. Upload the `xhtheme-code-block` folder to the `/wp-content/plugins/` directory.
 2. Activate the plugin through the ’Plugins’ menu in WordPress.
 3. Configure the plugin options under ’Settings’ -> ’Xhtheme Code Block’.

## Vanliga frågor

### What languages are supported?

The Code Syntax Block plugin uses the Prism autoloader plugin to support all of 
the languages Prism supports. See the [list of supported languages here](https://prismjs.com/#supported-languages).

### How do I switch the display mode of the code block?

You can select light, dark, or auto mode on the plugin settings page.

## Recensioner

Detta tillägg har inga recensioner.

## Bidragsgivare och utvecklare

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

Bidragande personer

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

[Översätt ”Xhtheme Code Block” till ditt språk.](https://translate.wordpress.org/projects/wp-plugins/xhtheme-code-block)

### Intresserad av programutveckling?

[Läs programkoden](https://plugins.trac.wordpress.org/browser/xhtheme-code-block/),
kika på [SVN-filförvaret](https://plugins.svn.wordpress.org/xhtheme-code-block/)
eller prenumerera på [utvecklarloggen](https://plugins.trac.wordpress.org/log/xhtheme-code-block/)
via [RSS](https://plugins.trac.wordpress.org/log/xhtheme-code-block/?limit=100&mode=stop_on_copy&format=rss).

## Ändringslogg

#### 1.0.2

Compatible with WordPress 6.8

#### 1.0.1

Fixed potential data sanitization issues.

#### 1.0

 * Initial release.

## Meta

 *  Version **1.0.2**
 *  Senast uppdaterat **9 månader sedan**
 *  Aktiva installationer **10+**
 *  WordPress-version ** 5.0 eller senare **
 *  Testat upp till **6.8.5**
 *  PHP-version ** 7.2 eller senare **
 *  Språk
 * [English (US)](https://wordpress.org/plugins/xhtheme-code-block/)
 * Etiketter
 * [block](https://sv.wordpress.org/plugins/tags/block/)[code](https://sv.wordpress.org/plugins/tags/code/)
   [dark mode](https://sv.wordpress.org/plugins/tags/dark-mode/)[gutenberg](https://sv.wordpress.org/plugins/tags/gutenberg/)
   [syntax highlighting](https://sv.wordpress.org/plugins/tags/syntax-highlighting/)
 *  [Avancerad vy](https://sv.wordpress.org/plugins/xhtheme-code-block/advanced/)

## Betyg

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

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

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

## Bidragande personer

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

## Support

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

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

## Donera

Skulle du vilja bidra till utvecklingen av detta tillägg?

 [ Donera till det här tillägget ](https://paypal.me/xhtheme)