Zettlr: Skillnad mellan sidversioner
Från DannoWiki
Hoppa till navigeringHoppa till sök
Danno (diskussion | bidrag) Ingen redigeringssammanfattning |
Danno (diskussion | bidrag) Ingen redigeringssammanfattning |
||
| (6 mellanliggande sidversioner av samma användare visas inte) | |||
| Rad 23: | Rad 23: | ||
=Skapa kolumner= | =Skapa kolumner= | ||
<table border="0"><tr> | |||
<td> | |||
<pre> | <pre> | ||
:::::::::::::: {.columns} <-- Ja, det skall vara 14 kolon. | :::::::::::::: {.columns}</pre></td><td> <-- Ja, det skall vara 14 kolon.</td></tr> | ||
::: {.column width="60%"} <-- Första kol. (vänster) | <tr><td><pre>::: {.column width="60%"}</pre></td><td> <-- Första kol. (vänster)</td></tr> | ||
Innehåll i första kolumnen... | <tr><td colspan="2">Innehåll i första kolumnen...</td></tr> | ||
::: <-- Slut på kolumn | <tr><td><pre>:::</pre></td><td> <-- Slut på kolumn</td></tr> | ||
::: {.column width="40%"} <-- kol. 2 | <tr><td><pre>::: {.column width="40%"}</pre></td><td> <-- kol. 2</td></tr> | ||
Innehåll till höger... | <tr><td colspan="2">Innehåll till höger...</td></tr> | ||
::: <-- Slut på kolumn | <tr><td><pre>:::</pre></td><td> <-- Slut på kolumn</td></tr> | ||
:::::::::::::: <-- Slut på kolumner | <tr><td><pre>::::::::::::::</pre></td><td> <-- Slut på kolumner (tabell)</td></tr> | ||
</ | </table> | ||
= Infoga bild = | = Infoga bild = | ||
| Rad 46: | Rad 48: | ||
</pre> | </pre> | ||
Detta gäller särskilt (bara?) om du exporterar med "Simple PDF" | Detta gäller särskilt (bara?) om du exporterar med "Simple PDF" | ||
= Annat pappersformat = | |||
Då lägger vi in ett slags stylesheet<br /> | |||
Lägg detta allra överst i filen: | |||
<pre> | |||
--- | |||
header-includes: | |||
- | | |||
<style> | |||
@page { | |||
size: A4 portrait; | |||
margin: 0.1cm; | |||
} | |||
</style> | |||
--- | |||
</pre> | |||
Inne i ''style'' kan vi lägga in andra element också, tillexempel sidnumrering: | |||
<pre> | |||
--- | |||
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> | |||
--- | |||
</pre> | |||
'''OBSERVERA!''' | |||
Otroligt viktigt med antal mellanslag i början av raden.<br /> | |||
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:<br /> | |||
<code># 1. Introduktion& Systemkrav!</code><br /> | |||
Så skapar vi länken i förteckningen så här:<br /> | |||
<code>* [1. Introduktion & Systemkrav](#1-introduktion--systemkrav)</code><br /> | |||
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å.<br /> | |||
Exempelvis för att göra en liten "Author"-ruta, eller en extra sidfot, mm som inte stör sidans layout. | |||
<pre> | |||
<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> | |||
</pre> | |||
Här får man leka lite med placeringen för att få det bra.<br /> | |||
Om sidmarginalen är satt till 2cm, är 0 ''vid'' denna marginal.<br /> | |||
För att tvinga div:en utanför marginalen, måste negativa värden användas.<br /> | |||
Tänk på skrivarmarginaler, samt om ditt dokument printas på hålat papper... | |||
Nuvarande version från 11 juli 2026 kl. 21.08
Vad är Zettlr
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
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...
