Zettlr: Skillnad mellan sidversioner

Från DannoWiki
Hoppa till navigeringHoppa till sök
← Äldre redigering

Danno (diskussion | bidrag)

3 användargrupper
90 redigeringar
Ingen redigeringssammanfattning
Ingen redigeringssammanfattning
 
(9 mellanliggande sidversioner av samma användare visas inte)
Rad 4: Rad 4:
[https://docs.zettlr.com/en/ Zettlrs manual]
[https://docs.zettlr.com/en/ Zettlrs manual]


== Fusklapp ==
= Fusklapp =
<pre>
<pre>
**Fet text**
**Fet text**
Rad 22: Rad 22:




==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 =
<pre>
![](sökväg/till/bild.png)
</pre>
 
 
= Sidbrytning =
Enkelt, stoppa in en helt vanlig HTML-div:
<pre>
<div style="page-break-after: always;"></div>
</pre>
</pre>
Detta gäller särskilt (bara?) om du exporterar med "Simple PDF"


== Infoga bild ==
= 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>
<pre>
![](sökväg/till/bild.png)
---
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>
</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 />


== Sidbrytning ==
Regeln är:
<pre>\pagebreak</pre> och <pre>\newpage</pre>zbr />
* Små bokstäver överallt
bör göra jobbet. <code>\newpage</code> "klipper" sidan, och nästa rad kommer överst på nästa sida.<br />
* Ersätt å, ä, ö med a, a, o.
<code>\pagebreak</code> däremot, justerar och "drar ut" innehållet så att det skall täcka.
* 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

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...

Hämtad från ”https://danno76.tplinkdns.com/wiki/index.php?title=Zettlr&oldid=33”