Markdown på Färjan

[Mats_ume]

Markdown på Färjan

Vi har infört stöd för Markdown här på Färjan

• Vad är Markdown?
• Hur relaterar det specifikt till forum?
• Vad kan man göra i praktiken med Markdown?

Vad är Markdown?

Markdown är det just nu mest använda sättet att formatera text på nätet.

Hur relaterar det specifikt till forum?

Det är likt BBCode, men otroligt mer kraftfullt.

---

Vad kan man göra i praktiken med Markdown?

Förutom att skriva mer välformatterad text så kan man använda det specifikt för formaterad text som man vill kopiera och klistra in!

Det finns två olika sätt:

• Använd en MarkDownloader som plugin i era webbläsare:

  • https://chromewebstore.google.com/detai ... pdkipoggdi
  • https://apps.apple.com/us/app/markdownload/id1554029832
  • https://addons.mozilla.org/en-US/firefo ... kdownload/

• Använd en onlinetjänst

  1. gå till en text på nätet som innehåller formatteringar, markera den och kopiera (Ctrl-C) den.
  2. gå till en onlinekonverterare, https://euangoddard.github.io/clipboard2markdown/ , och klistra in texten med formattering (dvs Ctrl-V och inte Ctrl-Shift-V).
  3. Tillbaka returneras nu en Markdownformaterad text som i sin tur kan kopieras.
  4. Denna text kan nu klistras in i ett inlägg här på Forumet med bibehållen formattering!

---

Som en helt oavsiktlig bonus till Sniper så innebär stjärna mellanslag stjärna mellanslag stjärna (* * *) numer en heldragen linje (detta är en del av Markdownstandarden och inget internt påhitt).

[Mats_ume]

Grundläggande formatering

Fetstil:
**fetstil** → fetstil

Kursiv:
*kursiv* → kursiv

Fet och kursiv:
***fet och kursiv*** → fet och kursiv

Rubriker

Markdown har flera nivåer av rubriker, med #-tecken:

Kod: Markera allt

# Rubrik 1
## Rubrik 2
### Rubrik 3

Rubrik 1

Rubrik 2

Rubrik 3

Listor

Oordnad lista:

Kod: Markera allt

- Första punkten
- Andra punkten
    - Undernivå

• Första punkten
• Andra punkten
  • Undernivå

Numrerad lista:

Kod: Markera allt

1. Första
2. Andra
3. Tredje

1. Första
2. Andra
3. Tredje

Länkar och bilder

Länk:
[Google](https://www.google.com) → Google

Bild:
![Katt](https://upload.wikimedia.org/wikipedia/commons/thumb/7/71/Nursing_Cat_01.jpg/250px-Nursing_Cat_01.jpg)

Citat

Kod: Markera allt

> Detta är ett citat.

Detta är ett citat.

Kod

Inline-kod:
`kod` → kod

Kodblock:

<pre>

Kod: Markera allt

def hej():
    print("Hej, forumet!")

</pre>

Kod: Markera allt

def hej():
    print("Hej, forumet!")

Tabeller (Nytt jämfört med BBCode!)

Kod: Markera allt

| Namn   | Ålder |
|--------|-------|
| Berit   | 28    |
| Åke  | 34    |

Namn	Ålder
Berit	28
Åke	34

Checklistor (Bortom BBCode!)

Kod: Markera allt

- [x] Klart
- [ ] Inte klart

• Klart
• Inte klart

Sammanfattning

Markdown är enkelt att lära sig och mycket kraftfullare än klassisk BBCode. Du kan kombinera olika format, skapa snygga tabeller, checklistor och mycket mer – direkt i dina inlägg!

---

Vill du ha fler exempel eller en ännu mer pedagogisk guide? Säg bara till!

[Mats_ume]

Från BBCode till Markdown: En guide för dig!

Vi har uppgraderat forumets formatering från det klassiska BBCode till att även inkludera det moderna och flexibla Markdown. Men oroa dig inte! Mycket är sig likt, och det nya du lär dig kommer göra dina inlägg snyggare och mer lättlästa.

Tänk på det så här: istället för att slå in text med [taggar] använder du nu enkla tecken som * och #.

---

Det du känner igen – fast enklare!

Här är en snabb översättning från BBCode till Markdown för de vanligaste funktionerna:

Funktion	Gamla sättet (BBCode)	Nya sättet (Markdown)	Resultat
Fetstil	[b]Viktigt![/b]	**Viktigt!**	Viktigt!
Kursiv	[i]Betoning[/i]	*Betoning*	Betoning
Länk	[url=https://...se]Länktext[/url]	[Länktext](https://...se)	[Länktext](https://...se)
Bild	[img]https://...bild.jpg[/img]	
Citat	[quote]Någon sa detta[/quote]	> Någon sa detta	> Någon sa detta
Kod	[code]print("hej")[/code]	`print("hej")`	print("hej")

---

Nya superkrafter med Markdown!

Det är här Markdown verkligen glänser. Saker som var krångliga eller omöjliga med BBCode är nu superenkla.

Listor

Såhär enkelt görs listor:

Kod: Markera allt

- Första punkten
- Andra punkten

• Första punkten
• Andra punkten

Tydliga rubriker för struktur

Istället för att bara göra text stor och fet kan du nu skapa riktiga rubriker som strukturerar ditt inlägg.

Kod: Markera allt

# Huvudrubrik (som en H1-tagg)
## Underrubrik (H2)
### En mindre rubrik (H3)

Tabeller – Äntligen enkelt!

Att skapa en tabell i BBCode var ett rent elände. Nu är det busenkelt:

Kod: Markera allt

| Modell | Tillverkare | År |
| :--- | :--- | :--- |
| 9-3 | Saab | 2008 |
| V70 | Volvo | 2012 |

Resultat:

Modell	Tillverkare	År
9-3	Saab	2008
V70	Volvo	2012

Vänster, center, höger på tabeller.

Produkt (Vänster)	Status (Mitten)	Antal (Höger)
Äpplen	På lager	125
Bananer	Tillfälligt slut	0
Päron	På lager	78

Checklistor

Perfekt för guider, projekt eller att-göra-listor direkt i inlägget.

Kod: Markera allt

- [x] Köpa mjölk
- [ ] Byta däck
- [x] Posta på forumet

Resultat:

• Köpa mjölk
• Byta däck
• Posta på forumet

---

Bra att veta

• Horisontell linje: Skriv bara --- på en egen rad för att skapa en avdelare.
• Visa specialtecken: Vill du skriva en * utan att texten blir kursiv? Sätt en backslash \ framför: \*inte kursiv\*.

[Sniper]

Som en helt oavsiktlig bonus till Sniper så innebär stjärna mellanslag stjärna mellanslag stjärna (* * *) numer en heldragen linje (detta är en del av Markdownstandarden och inget internt påhitt).

Bonus = olägenhet.
Men det åtgärdas genom att scrolla ner till Inaktivera Markdown och klicka i vidhängande ruta. Samma om det sker andra underligheter som man inte avsett i inlägget.
Däremot är det inte Markdowns fel om det står Cairo istället för Caito viewtopic.php?p=26777#p26777

[Wittgenstein]

Jag undrar vad Gösen tänker om detta.

[Gösen]

Jag undrar vad Gösen tänker om detta.

Det undrar jag med?

[Mats_ume]

Jag undrar vad Gösen tänker om detta.

Vad tänker Wittgenstein om detta? Jag tänker att det får sjunka in. Samt att det ska bli skönt att läsa korrekt formatterade artiklar.