# Liten lathund för formatering på nya iFokus
Author: Niklas

Till skillnad från i tidigare versioner av iFokus ”skriver” man formatering i inlägg nu. Fördelarna är många:

* Man behöver **inte flytta handen från tangentbordet** för att använda en mus, markera text och välja format. 

* Det **går fort** att ändra formatering när man har lärt sig de enkla reglerna. 

* **Synskadade** kan lättare använda formatering i sina inlägg. 

* Det är ingen risk att inklistrad text från andra ställen får med formatering som **förstör efterföljande kommentarer**.

* iFokus behöver **inte underhålla** en textredigerare som genom åren har tagit ganska mycket tid att få att fungera hjälpligt.

- - -

Över till [Markdown](https://daringfireball.net/projects/markdown/)-formatering av inlägg:

    # Stor rubrik

    ## Liten rubrik

    **Fetstil**

    *Kursivering*

    * Punktlista
    * Rad två
    * Rad tre

    1. Numrerad lista
    2. Rad två
    3. Rad tre

    https://ifokus.se. <-- Inklistrad länk

    [Textlänk](https://ifokus.se)

    > Citat eller annan text som ska sticka ut lite. Citat eller annan text som ska sticka ut lite. Citat eller annan text som ska sticka ut lite.

    ![Alternativtext för bild](https://files.ifokus.se/u2/e30d10988777e461405f9cac1e26f0e9/default/)

    Horisontellt streck:

    - - -

    Enkel radbrytning får du genom att skriva två mellanslag i slutet av raden.  
    Då hamnar nästa rad direkt under i stället för nytt stycke.

    Flera tomma rader kan du få om du skriver &nbsp; på varje tom rad.

        Börja stycket med fyra mellanslag för att skriva exempelvis HTML-kod och annat som inte ska ha markdown-formatering.

    | **Tabell** | **Med tre** | **Kolumner** |
    | :---- | :---- |----: |
    | Rad ett | Vänsterställd kolumn | 12.345,40 |
    | Rad 2 | Kolon bestämmer | 987,10 |
    | Rad tre | Kolumnens justering | 567.345,99 |

Kopiera en mall nedan, fyll på med eget innehåll, lägg till och ta bort rader och kolumner efter behov. 

Tabell med två kolumner, båda vänsterställda:

    | ** ** | ** ** |
    | :----- | -----: |
    |           |           |
    |           |           |
    |           |           |

Tabell med två kolumner, sista högerställd:

    | ** ** | ** ** |
    | :----- | -----: |
    |           |           |
    |           |           |
    |           |           |

Tabell med tre kolumner, sista högerställd:

    | ** ** | ** ** | ** ** |
    | :----- | :----- | ------: |
    |           |           |             |
    |           |           |             |
    |           |           |             |

Tabell med fyra kolumner, sista högerställd:

    | ** ** | ** ** | ** ** | ** ** |
    | :----- | :----- | :----- | -----: |
    |           |           |           |           |
    |           |           |           |           |
    |           |           |           |           |

Fråga gärna om det är något du undrar.

## Comment 1
Author: Draken

*testar* 

**testar**

## Comment 2
Author: Draken

#testar

##testar

## Comment 3
Author: Draken

Rubrikerna verkar do0ck inte fungera.

## Comment 4
Author: Ulla

# Det är ett mellanslag emellan.
 Bra, eftersom man ofta **vill** att symbolen ska synas.

## Comment 5
Author: Draken

# Hellu

## Hellu

## Comment 6
Author: Draken

Yes, nu fungerade det  😁

## Comment 7
Author: JRSN

Suveränt! 🏄

## Comment 8
Author: Carmarino

Såg nyss att i aviseringsrutorna syns tydligen formateringen.

## Comment 9
Author: Carmarino

#8: Men i kommentaren är det rätt.

## Comment 10
Author: Carmarino

I kommentarsrutan stod tidigare formateringsalternativen på varsin rad. Nu har de hamnat i en enda rad med koder emellan.

## Comment 11
Author: Niklas

#10: Nja, det stod väl inte på varsin rad? Det var nämligen därför jag la till koderna för att testa om det funkade så i stället.

## Comment 12
Author: Carmarino

#11: De stod i alla fall under varandra. Det kallar jag att de stod på varsin rad. 😉

## Comment 13
Author: Niklas

Det gjorde de inte för mig. Konstigt, men då får jag väl ändra tillbaka igen.

## Comment 14
Author: Carmarino

#13: Eller ta bort de synliga koderna så att man inte tror att de hör till formateringen.

## Comment 15
Author: Niklas

#14: Dem tog jag bort direkt när jag såg att det inte fungerade, men det blir synligt för alla först vid nästa sjösättning av fixar.

## Comment 16
Author: Niklas

Och just då hände det...

## Comment 17
Author: Carmarino

#16: 👍

## Comment 18
Author: Carmarino

Går det att göra något åt så att inte formateringen syns i aviseringsrutorna (#8)?

## Comment 19
Author: [Borttaget]

I förra versionen kunde man välja fet stil, kursiv stil eller understrykning när man skrev något. 
Går det att göra understrykning nu?

## Comment 20
Author: Niklas

Understrykning brukar inte gå.

## Comment 21
Author: Carmarino

#19: Om man absolut vill ha <u>understruken text</u>  så går det att göra med den här koden:  
&lt;u&gt;Understruken text.&lt;/u&gt;

## Comment 22
Author: [Borttaget]

#21 Oj, tack för <u>tipset</u>! 👍

## Comment 23
Author: Niklas

#21: Den hade jag för mig har utgått ur de senaste versionerna av HTML, men där ser man.

## Comment 24
Author: Carmarino

#23: Hade ingen aning om det funkade, så jag testade - och det gjorde det. 😁

## Comment 25
Author: Niklas

Horisontella streck ser ut så här:

- - -

🙂

## Comment 26
Author: JRSN

Inbäddning av video borde kanske finnas med i lathunden? Hur man går tillväga. Exempel på videoformat.

## Comment 27
Author: Niklas

#26: Du tänker på annat än Youtube och Vimeo? Det är egentligen inte markdown inblandat så det kanske i så fall borde vara ett eget inlägg.

## Comment 28
Author: DesK

Hur gör man snygga textlänkar? Fattar inte riktigt hur det funkar.

## Comment 29
Author: Herveaux

#28: För att göra en textlänk till din artikel om fermentering inne på Matlust tex, så skrivs den ut så här i skrivrutan: 
![textlänk](https://files.ifokus.se/u2/bfc5cb2bc94b1b0f9a65fe4c788126bf/default/)

och när inlägget postas ser textlänken ut så här 
[fermentering](https://matlust.ifokus.se/discussion/1495900/fermentering)

Mellan klamrarna skriver man länktexten och inom parenteserna klistrar man in länkadressen.

## Comment 30
Author: DesK

#29 Tack så mycket! 😊

## Comment 31
Author: Herveaux

#30: Så lite så! 😄

## Comment 32
Author: EquusCaty

#0: jag förstår inte detta med....


> Kopierad text.


Kopiera en mall nedan, fyll på med eget innehåll, lägg till och ta bort rader och kolumner efter behov.

## Comment 33
Author: Niklas

#33: Om du vill göra en tabell med exempelvis två kolumner kopierar du den del som ser ut så här ovan. 

```
| ** ** | ** ** | 
| :----- | -----: | 
| | |
| | |
| | |
```

Sen klistrar du in den i det inlägg eller den kommentar där du vill ha tabellen.

Därefter skriver du egna tabellrubriker och fyller på med det du vill ha i tabellen, exempelvis så här:

```
| **En rubrik i första kolumnen** | **En rubrik i andra kolumnen** | 
| :----- | -----: | 
| Lite innehåll på första raden | Text i andra kolumnen |
| Påhittat innehåll på andra raden | Mer text |
| Text på sista raden | Sista raden |
```

När du publicerar inlägget omvandlas det du skrivit till en tabell med två kolumner:

| **En rubrik i första kolumnen** | **En rubrik i andra kolumnen** | 
| :----- | -----: | 
| Lite innehåll på första raden | Text i andra kolumnen |
| Påhittat innehåll på andra raden | Mer text |
| Text på sista raden | Sista raden |

Blev det något tydligare?

## Comment 34
Author: EquusCaty

Åh, tack.

## Comment 35
Author: Niklas

Nu kan du även göra samma sak om du trycker på kvadraten med ett rutnät i verktygsraden ovanför textfältet där du skriver.

## Comment 36
Author: EquusCaty

Jahaa
