§ Skriva artiklar

Använd verktygsraden i editorn

Fet, kursiv, rubriker, listor, länkar, citat, kod, bilder, embeds — så här använder du varje knapp i Ahodys editor-verktygsrad.

JournalistNybörjare5 min läsning

Uppdaterad idag

Editorn i Ahody är byggd på TipTap — en modern rich-text-redigerare. Verktygsraden ovanför skrivytan ger dig allt du behöver för att formatera brödtext, lägga in bilder och bädda in inlägg.

Den här guiden går igenom varje knapp i ordning.

§ Skärmdump Editor-verktygsraden uppe
Editor-verktygsraden uppe

  1. Hitta verktygsraden

    Öppna en artikel i editorn. Verktygsraden är horisontellt placerad rakt ovanför själva textytan. Den följer med när du scrollar (sticky).

    På smala fönster fälls vissa knappar in i en "Mer"-meny (tre prickar). Klicka för att se dem.

  2. Fet och kursiv

    De första två knapparna är B (fet) och I (kursiv).

    Hur du använder:

    1. Markera texten med musen
    2. Klicka på B eller I — eller använd kortkommandot
    3. Tangent: Cmd+B för fet, Cmd+I för kursiv (Mac) / Ctrl+B / Ctrl+I (Windows)
  3. Rubriker (H2, H3)

    I verktygsraden finns en dropdown "Normal" (eller liknande). Klicka för att välja:

    • Normal — vanlig brödtext
    • Rubrik 2 (H2) — sektionsrubrik inne i artikeln
    • Rubrik 3 (H3) — underrubrik
  4. Listor

    Två list-typer:

    • • Punktlista — för uppräkningar utan ordning
    • 1. Numrerad lista — för steg eller rangordning

    Markera textraderna och klicka på listknappen, eller börja en ny rad med - (för punkt) eller 1. (för numrerad) och fortsätt.

    För att avsluta en lista, tryck Enter två gånger.

  5. Länkar

    Markera texten du vill göra till länk, klicka på länk-ikonen (kedja). En liten ruta öppnas:

    1. Skriv eller klistra in URL (https://...)
    2. (Frivilligt) Markera "Öppna i ny flik" för externa länkar
    3. Tryck Enter eller klicka "Lägg till"

    Ta bort en länk: klicka på den, knappen i pop-upen heter "Ta bort länk".

  6. Citat (blockquote)

    För att markera ett citat — t.ex. ett uttalande från någon — använd citat-knappen (vanligtvis ett "-tecken eller pratbubla).

    Resultatet renderas indenterat med en lodrät linje till vänster, och ofta i kursiv stil på er publicerade webbplats.

  7. Bild

    Bild-ikonen öppnar mediaväljaren med tre flikar: Ladda upp, Mediabibliotek, Unsplash.

    Detaljerad guide: läs "Lägga till en bild i din artikel".

  8. Embed: Twitter/Instagram/YouTube

    För att bädda in ett inlägg från sociala medier eller en YouTube-video:

    1. Klicka på embed-ikonen i verktygsraden (ofta en </> eller "länk i ruta"-symbol)
    2. Klistra in URL till inlägget — t.ex. https://twitter.com/user/status/123 eller https://www.youtube.com/watch?v=xyz
    3. Tryck Enter

    Ahody renderar embedden med rätt aspektförhållande och behåller den responsiv.

  9. Faktaruta (callout)

    För att göra en visuell faktaruta (också kallad callout eller side bar):

    1. Klicka på faktaruta-ikonen (ofta en i i en ruta)
    2. Skriv innehållet i den separata rutan som dyker upp
    3. Klicka utanför för att lämna

    Faktarutan renderas med egen färg på er sajt — bra för "läs också", "bakgrund" eller faktauppställningar.

  10. Kod (inline + block)

    För inline-kod (typ filnamn eller kommandon): markera texten och tryck Cmd+E eller använd kod-knappen.

    För kod-block (flera rader): börja en ny rad med ``` (tre backticks) — editorn omvandlar till ett kodblock.

  11. Ångra / Gör om

    • Cmd+Z (Mac) / Ctrl+Z (Windows) — ångra
    • Cmd+Shift+Z / Ctrl+Y — gör om

    Editorn har full historik så du kan ångra långa serier av ändringar.

  12. Spara

    Verktygsraden är inte stället för spara — det gör du via "Spara ändringar" högt upp i editorn, eller automatiskt om "Spara automatiskt" är på i dina inställningar.

Om du fastnar

  • "Knappen för X syns inte" — Fönstret är förmodligen för smalt. Klicka på "Mer" (tre prickar) i verktygsraden för dolda knappar.
  • "Jag formaterade fel" — Markera texten och tryck Cmd+\ (Windows: Ctrl+\) för att rensa all formatering. Eller klicka samma formatknapp igen (B avformaterar fet osv).
  • "Embed-en visas inte" — URL:en kan vara felstavad. Klistra in direkt från adressfältet i en annan flik, inte från en kortlänk (typ t.co/...).
  • "Listan blev konstig" — Tryck Enter två gånger för att avsluta listan, då hamnar du i en ny brödtextrad.