Codeblöcke
![Codeblöcke](/cdn-cgi/image/format=webp,width=3840,quality=100/https://img.youtube.com/vi/pO5w4aDRCJY/maxresdefault.jpg)
Codeblöcke sind besonders hilfreich, um Programmierkonzepte zu veranschaulichen, Code an andere Personen weiterzugeben und sich eine eigene Bibliothek aus Code-Snippets aufzubauen. Außerdem vereinfachen sie das Kopieren von Code in die Zwischenablage 🕹
Codeblöcke kannst du auf allen Notion-Seiten erstellen. So hebt sich der Code vom restlichen Inhalt ab. Außerdem kannst du deinen Code an die jeweilige Sprache anpassen.
Klicke links auf das
+
-Symbol. Es erscheint, wenn du den Mauszeiger über eine neue Zeile bewegst. WähleCode
und drücke dieEingabetaste
. Alternativ kannst du auch/code
eingeben und dieEingabetaste
drücken.Wenn dein neuer Codeblock in der richtigen Position ist, klicke ihn an, um etwas einzugeben. Du kannst den Code auch einfach einfügen.
![Codeblock](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/3qgEMy7JMo6po647060kk1/b947568826f7e229749427f02d49ee07/Code_block.png)
Wir unterstützen Syntaxhervorhebung in diversen Programmiersprachen. So änderst du die Code-Anzeigsprache:
Klicke im Codeblock oben links die Sprache an.
Gib den Namen der gesuchten Programmiersprache ein und drücke dann die
Eingabetaste
, um sie auszuwählen.
![Syntaxhervorhebung](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/7dZZP3Rb5lLQy0WDZmwhbY/86c3be49027a458111918dd48952f953/Syntax_highlighting.png)
So verhinderst du den Bildlauf und fügst einen Zeilenumbruch ein:
Halte den Mauszeiger über den Codeblock und klicke oben rechts auf
---
oder links auf⋮⋮
. Du kannst den Block auch mit der rechten Maustaste direkt anklicken.Aktiviere die Option
Code einschließen
.
![Code einschließen](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/10DRND1V4spARdTfX76TK6/2bc6401f018b16929bc7aa9088d1ca93/Wrap_code.png)
Um oben rechts den Button Kopieren
und Beschriftung
einzublenden, fahre mit dem Mauszeiger über den Codeblock.
Klicke auf
Kopieren
. Nun kannst du den Code in deinen Editor oder eine andere Stelle einfügen.Wähle
Caption
und gib eine Beschreibung zu deinem Code ein.Weitere Optionen findest du im
---
-Menü.
![Code kopieren und beschriften](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/4UUrhTG9IU6RmDLWRKLd1h/4ae4cdbb568534a97cc8b2c052307eaf/Copy_and_caption_code.png)
Hinweis: Der Button ist für Benutzer/-innen mit der Berechtigungsebene „Kann anzeigen“ auf der jeweiligen Seite nicht sichtbar.