---
title: "Wie man den Sprachnamenstext in Codeblöcken ändert"
slug: "how-to-change-the-language-name-text-in-code-blocks"
description: "You would want to keep a constant name, like Example, Sample code, etc., as language name text for code blocks. By default, the respective language name appears in the code blocks. "
tags: ["Customization"]
updated: 2026-06-22T08:43:25Z
published: 2026-06-22T08:43:25Z
canonical: "docs.document360.com/how-to-change-the-language-name-text-in-code-blocks"
---

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

# Wie man den Sprachnamenstext in Codeblöcken ändert

Codeblöcke in Document360 zeigen standardmäßig den Namen der Programmiersprache als Bezeichnung an, zum Beispiel `css`, `javascript`, oder `xml`. Für Wissensbasen, die proprietäre Systeme, interne Werkzeuge oder nicht-standardisierte Formate dokumentieren, können diese generischen Sprachlabels für Leser verwirrend oder irrelevant sein. Wenn Sie sie durch ein einheitliches benutzerdefiniertes Label wie "Beispiel" oder "Beispielcode" ersetzen, werden Codeblöcke klarer und Ihre Dokumentation ausgefeilter, gebrandeter gestaltet.

---

## Wann sollte man das verwenden

Nutzen Sie diese Anpassung, wenn Sie:

- Ersetze technische Sprachnamen durch leserfreundliche Bezeichnungen (zum Beispiel "Beispielcode" statt "JavaScript").
- Verwenden Sie ein einheitliches Codeblock-Label auf Ihrer gesamten Wissensdatenbank für ein einheitliches Aussehen.
- Dokumentiere proprietäre Skriptsprachen oder Konfigurationsformate, bei denen das Standardlabel nicht mit deinem Inhalt übereinstimmt.

> [!NOTE]
> HINWEIS
> 
> 
> 
> 
> Diese CSS-Änderung gilt für **alle Codeblöcke** in Ihrer gesamten Wissensdatenbank – nicht für einzelne Artikel oder spezifische Blöcke.

---

## Bevor du anfängst

Sie benötigen Zugriff auf die **Einstellungen > Knowledge Base-Website > Site-Anpassung > benutzerdefiniertes CSS und JavaScript** im Knowledge Base-Portal.

---

## Wie man das Sprachlabel in Codeblöcken ändert

1. Navigiere zu **den Einstellungen** (

) > **Wissensdatenbank-Seite** > **Site-Anpassung** > **benutzerdefiniertes CSS und JavaScript** im Knowledge Base-Portal.

![Custom CSS and JavaScript settings panel in the Document360 Knowledge base portal](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Custom%20css%20&%20js.png)
2. Wählen Sie im linken Navigationsfeld den **CSS-Tab** aus und fügen Sie folgenden CSS-Snippet ein:

```
div.code-toolbar>.toolbar .toolbar-item:first-child {
    visibility: hidden;
}
div.code-toolbar>.toolbar .toolbar-item:first-child span:before {
    visibility: visible;
    content: "Example" !important;
}
```

1. Ersetzen Sie `"Example"` den gewünschten Text des Etiketts, zum Beispiel `"Sample code"`, `"Command"`, oder Ihren Produktnamen.
2. Klicken **Sie auf Speichern**.

![CSS tab showing the custom label snippet saved in the Custom CSS and JavaScript panel](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/image-1766998756574.png)

---

## Best Practices

- **Wählen Sie ein Label, das Ihr Publikum widerspiegelt.** Leser, die keine Entwickler sind, finden Bezeichnungen wie "Beispiel" oder "Befehl" intuitiver als "bash" oder "python". Passen Sie das Etikett an das ab, was Ihre Leser diese Art von Inhalten nennen.
- **Halte das Etikett kurz.** Codeblock-Etiketten haben nur begrenzten Anzeigeplatz. Beschriftungen über 20 Zeichen können je nach Bildschirmgröße des Lesers abgeschnitten werden.
- **Test nach dem Speichern.** Öffnen Sie einen Artikel auf Ihrer Wissensdatenbank und bestätigen Sie, dass das neue Label bei verschiedenen Codeblocktypen korrekt erscheint, bevor es an die Leser veröffentlicht wird.
- **Betrachten Sie für technische Zielgruppen Per-Block-Labels.** Wenn Ihre Leser Entwickler sind, die die genaue Sprache sehen möchten, verwenden Sie die integrierte benutzerdefinierte Label-Funktion von Document360 auf einzelnen Codeblöcken anstelle dieser siteweiten CSS-Überschreibung. Navigiere zum Codeblock im Editor, wähle im Sprach-Dropdown-Menü **benutzerdefiniert** , klicke auf das **Bearbeiten-Symbol** und gib für diesen Block einen Titel ein.