Zettlr

Vad är Zettlr

Zettlrs manual

Fusklapp

**Fet text**
*Kursiv text*
* punkt1
* punkt2
1. nummerlista
2. nummerlista
länk: [Ubuntu](https://ubuntu.com)

Kod kan skrivas antingen "inline" på samma rad, detta skrivs med `text`

Eller i ett eget block:
```sudo apt update
sudo apt upgrade```

Skapa kolumner

:::::::::::::: {.columns}	<-- Ja, det skall vara 14 kolon.
::: {.column width="60%"}	<-- Första kol. (vänster)
Innehåll i första kolumnen...
:::	<-- Slut på kolumn
::: {.column width="40%"}	<-- kol. 2
Innehåll till höger...
:::	<-- Slut på kolumn
::::::::::::::	<-- Slut på kolumner (tabell)

Infoga bild

![](sökväg/till/bild.png)

Sidbrytning

Enkelt, stoppa in en helt vanlig HTML-div:

<div style="page-break-after: always;"></div>

Detta gäller särskilt (bara?) om du exporterar med "Simple PDF"

Annat pappersformat

Då lägger vi in ett slags stylesheet
Lägg detta allra överst i filen:

---
header-includes:
  - |
    <style>
    @page {
        size: A4 portrait;
        margin: 0.1cm;
    }
    </style>
---

Inne i style kan vi lägga in andra element också, tillexempel sidnumrering:

---
header-includes:
  - |
    <style>
    @page {
        size: A4 portrait;
        margin: 1cm;
        @bottom-center {
            content: counter(page);
            font-family: sans-serif;
            font-size: 10pt;
            color: #555555;
        }
    }
    @page :first {
    @bottom-center {
        content: ""; /* Gör sidnumret tomt på första sidan */
        }
    }
    </style>
---

OBSERVERA! Otroligt viktigt med antal mellanslag i början av raden.
Måste vara fyra(4) mellanslag, annars blir det mycket knasigt vid konvertering till PDF.

Skapa innehållsförteckning

Om en rubrik ser ut så här:
# 1. Introduktion& Systemkrav!
Så skapar vi länken i förteckningen så här:
* [1. Introduktion & Systemkrav](#1-introduktion--systemkrav)

Regeln är:

• Små bokstäver överallt
• Ersätt å, ä, ö med a, a, o.
• Ta bort specialtecken som punkter, kommatecken och kolon.
• Ersätt mellanslag med bindestreck -.
• Sätt ett #-tecken framför i själva länken.

Notera att et-tecknet & och utropstecknet försvann, och dubbla mellanslag blev dubbla bindestreck

Inline CSS

Man kan ha väldigt roligt med inline-CSS också.
Exempelvis för att göra en liten "Author"-ruta, eller en extra sidfot, mm som inte stör sidans layout.

<div style="position:absolute; top: -1.3cm; font-family: sans-serif; font-size: 11pt; color: #555555; border-top: 1px solid #8cb059; padding-top: 10px; margin-top: 50px;"> <strong>Författare:</strong> Ditt Namn<br /> <strong>Datum:</strong> 2026-07-11<br /> <strong>Version:</strong> 1.0 </div>
<div style="position: absolute; bottom: 0cm; right: -1cm; width: 6cm; color: #8cb059; font-family: sans-serif; font-size: 8pt;"> <strong>Dokument-ID:</strong> SEC-404<br /> <strong>Klassning:</strong> Intern </div>

Här får man leka lite med placeringen för att få det bra.
Om sidmarginalen är satt till 2cm, är 0 vid denna marginal.
För att tvinga div:en utanför marginalen, måste negativa värden användas.
Tänk på skrivarmarginaler, samt om ditt dokument printas på hålat papper...