> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dreizack-medien.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Code Block

# Allgemeine Beschreibung

Das "Code Block" Portlet stellt einen formatierten Code-Ausschnitt mit Syntax-Highlighting dar, inklusive Kopieren-Button und optionaler Zeilennummerierung.

# Einsatzmöglichkeiten (Inspiration)

* **Technische Anleitungen:** Zeige HTML-, CSS- oder JavaScript-Snippets in Blogbeiträgen oder Anleitungen ansprechend formatiert an.
* **Entwicklerdokumentation:** Stelle Beispielcode für Integrationen oder Anpassungen bereit.

***

# Settings:

## Allgemein

<div className="border border-[#DFE1E1] rounded-2xl overflow-hidden dark:border-transparent">
  <Frame>
    <img src="https://mintcdn.com/dzm/5yI44_TalYoOc6bU/images/opc-plus-code-block-allgemein.jpg?fit=max&auto=format&n=5yI44_TalYoOc6bU&q=85&s=f41839f5c9ccf4585a809dde94e52646" alt="Allgemein" width="1194" height="840" data-path="images/opc-plus-code-block-allgemein.jpg" />
  </Frame>
</div>

**Editor:** Trage hier deinen Code ein. Besucher können den Code über den **Copy**-Button mit einem Klick kopieren.

**Sprache:** Wähle die Sprache für die Syntax-Hervorhebung:

* HTML
* CSS
* batch
* JavaScript

**Zeilennummern verwenden:** Aktiviere diese Option, um Zeilennummern neben dem Code anzuzeigen.

***