Kodblock
![Kodblock](/cdn-cgi/image/format=webp,width=3840,quality=100/https://img.youtube.com/vi/pO5w4aDRCJY/maxresdefault.jpg)
Kodblock är användbara om du vill demonstrera programmeringskoncept, dela kod med andra eller utföra underhåll i ditt bibliotek med kodavsnitt. De gör det också enkelt att kopiera kod till urklipp så att du kan använda den på andra ställen. 🕹️
Du kan skapa ett kodblock för att visa kod på alla Notion-sidor så att koden lyfts fram i förhållande till resten av innehållet och formateras efter språk.
Klicka på
+
-knappen som visas till vänster när du håller muspekaren över en ny rad. VäljKod
och tryck påretur
. Du kan också skriva/kod
och trycka påretur
.När det nya kodblocket är på plats kan du klicka i det för att skriva eller klistra in kod.
![Kodblock](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/3qgEMy7JMo6po647060kk1/b947568826f7e229749427f02d49ee07/Code_block.png)
Vi tillhandahåller stöd för syntaxmarkering för ett antal programmeringsspråk. Så här ändrar du visningsspråk för koden:
Klicka på namnet på språket längst upp till vänster i kodblocket.
Ange namnet på programspråket du vill söka efter och tryck sedan på
retur
för att välja.
![Syntaxmarkering](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/7dZZP3Rb5lLQy0WDZmwhbY/86c3be49027a458111918dd48952f953/Syntax_highlighting.png)
Om du vill undvika behovet att bläddra åt sidan och skapa en radbrytning vid kanten av kodblocket gör du så här:
Håll muspekaren över kodblocket och klicka på
•••
längst upp till höger eller⋮⋮
till vänster. Du kan även klicka direkt på blocket.Aktivera alternativet
Radbryt kod
.
![Radbryt kod](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/10DRND1V4spARdTfX76TK6/2bc6401f018b16929bc7aa9088d1ca93/Wrap_code.png)
Håll muspekaren över kodblocket för att visa knapparna Kopiera
och Undertext
längst upp till höger.
Klicka på
Kopiera
så kan du klistra in koden i redigeraren eller var du nu vill dela den.Välj
Undertext
och skriv vad du har att säga om koden!Klicka på
•••
-menyn för att se ännu fler alternativ.
![Copy and caption code](/cdn-cgi/image/format=webp,width=3840/https://images.ctfassets.net/spoqsaf9291f/4UUrhTG9IU6RmDLWRKLd1h/4ae4cdbb568534a97cc8b2c052307eaf/Copy_and_caption_code.png)
Obs: Den här knappen är osynlig för användare som har behörighetsnivåerna "Kan visa" på sidan.