RTF-redigeraren – referens

INNEHÅLLSFÖRTECKNING

• Introduktion
• 1 Översikt
• 2 Förutsättningar och krav
• 3 Komma igång
  • 3.1 Öppna redigeraren
  • 3.2 Expandera hela verktygsfältet
• 4 Funktioner
  • 4.1 Textformateringsverktyg
  • 4.2 Textjustering och struktur
  • 4.3 Ikoner för mediaintegrering
  • 4.4 Fler funktioner
  • 4.5 Visningsalternativ
• 5 Steg-för-steg-guider
  • 5.1 Bädda in mediainnehåll
  • 5.2 Infoga tabeller
  • 5.3 Spela in ljud och video
  • 5.4 Skapa matematiska formler
• 6 Inställningar och anpassning
  • 6.1 Val av språk
  • 6.2 Källkodsvy
• 7 Teknisk information
  • 7.1 Redigerarversioner
  • 7.2 Beteende vid inbäddning av länkar
  • 7.3 Media som stöds
• 8 HTML- och CSS-filtrering
  • 8.1 Tillåtna HTML-kodnivåer
  • 8.2 Mycket begränsad
  • 8.3 Begränsad
  • 8.4 Mindre begränsad
  • 8.5 CSS och inline-formatering
  • 8.6 Inbäddade style sheets
  • 8.7 Vad händer med innehåll som inte stöds
  • 8.8 Bildbredd och responsiva bilder
  • 8.9 Ytterligare resultat bekräftade genom testning
  • 8.10 Vad detta innebär för ditt innehåll
• 9 Felsökning
  • 9.1 Vanliga problem
  • 9.2 Saknade funktioner i verktygsfältet
• 10 Ytterligare resurser

Introduktion

RTF-redigeraren är ett verktyg för att skapa innehåll som används i hela itslearning för att formatera text och integrera media. Använd RTF-redigeraren när du skapar kursinnehåll, inlämningsuppgifter, diskussioner, anslag eller annat textbaserat material. Redigeraren erbjuder ordbehandlingsfunktioner tillsammans med verktyg för att bädda in videor, spela in ljud, infoga matematiska formler och länka till kursresurser.

1 Översikt

Lärare och elever med lämpliga kursbehörigheter kan öppna RTF-redigeraren när de skapar eller redigerar innehåll. Redigeraren används på många ställen i plattformen och visas antingen i en fullständig eller en förenklad version, beroende på var den öppnas.

2 Förutsättningar och krav

Behörigheter som krävs:

• Redigeringsrättigheter i det aktuella kursområdet (varierar beroende på plats)
• För mediauppladdningar: tillräcklig lagringskvot för filer

System-/webbläsarkrav:

• Modern webbläsare (Chrome, Firefox, Safari, Edge)
• Mikrofonåtkomst (för ljudinspelningsfunktioner)
• Kameraåtkomst (för videoinspelningsfunktioner)
• Stabil internetanslutning för mediauppladdningar

3 Komma igång

3.1 Öppna redigeraren

RTF-redigeraren visas automatiskt när du skapar eller redigerar innehåll i itslearning. Du kommer att stöta på den på många ställen i plattformen, men på vissa ställen kan du stöta på en nyare version med färre alternativ.

• Kursinnehållssidor
• Skapa inlämningsuppgift
• Diskussionsinlägg
• Anslag (ny, förenklad version)
• Meddelanden (ny, förenklad version)

3.2 Expandera hela verktygsfältet

I vissa fall kan du till en början se en förenklad version av redigeraren där inte alla funktioner visas.

För att komma åt alla redigerarens funktioner:

1. Leta efter knappen "Fler alternativ" i verktygsfältet.
2. Klicka på "Fler alternativ" för att expandera de dolda ikonerna.

Hela verktygsfältet visar då alla tillgängliga redigeringsfunktioner.

4 Funktioner

Observera att inte alla funktioner är tillgängliga för alla användare hela tiden. Detta kan bero på hur din itslearning-site är konfigurerad.

4.1 Textformateringsverktyg

Den första delen av verktygsfältet innehåller standardfunktioner för textformatering. Dessa symboler och funktioner bör kännas igen från andra ordbehandlingsprogram.

Tillgängliga formateringsalternativ:

• Val av typsnitt
• Textstorlek (Normal, Rubrik osv.)
• Fet, Kursiv, Understruken
• Textfärg
• Bakgrundsfärg
• Specialtecken (Ω)
• Textjustering (vänster, centrerad, höger, marginaljusterad)

4.2 Textjustering och struktur

Nästa del ger verktyg för att strukturera ditt innehåll.

Strukturfunktioner:

• Nedsänkt text (sänker texten på raden)
• Upphöjd text (höjer texten på raden)
• Öka indrag
• Minska indrag
• Numrerade listor
• Punktlistor
• Språkdefinition för textavsnitt

4.3 Ikoner för mediaintegrering

Verktygsfältet innehåller ett flertal ikoner för att integrera olika typer av media och innehåll.

Ikon	Funktion
	Ankare: Ställer in en markör ("ankare") i en text som du kan referera direkt till med en länk.
	Länk: Infogar en länk, till exempel till en annan webbsida eller ett ankare. När du klistrar in en länk försöker redigeraren bädda in innehållet bakom den. Det finns tre möjliga utfall: Inbäddningskoden kan hämtas automatiskt (via Bädda in). Det finns ingen inbäddningskod bakom länken, men redigeraren kan bygga ett objekt baserat på sidans metadata. Inget objekt kan skapas och länken läggs till som en vanlig länk.
	Tabell: Infogar en tabell.
	Smiley: Öppnar ett urval av smileys att infoga i texten.
	Trädlänk: Infogar en länk till en resurs i kursen du befinner dig i.
	Fil från "Mina webbfiler": Sätter en länk till en fil i ditt personliga lagringsutrymme i itslearning.
	Bild: Infogar en bild från datorn, eller från dina filer i itslearning.
	Ljudinspelning: Här kan du spela in ljud eller ladda upp en ljudfil.
	Videoinspelning: Här kan du spela in en video eller ladda upp en videofil.
	iMathEQ formelredigerare: Infogar matematiska symboler och formler.
	Bädda in video: Här kan du bädda in en video från en annan webbsida.
	Teams-möte: Här kan du skapa ett Teams-möte för din kurs och lägga till länken på den här sidan.
	Google Meet: Här kan du skapa ett Meet-rum för din kurs och lägga till länken på den här sidan.
	Tilläggsbibliotek: Här kan du komma åt ytterligare funktioner som är aktiverade för din plattform.

4.4 Fler funktioner

Nästa del av verktygsfältet innehåller:

• Ångra (ångra åtgärder i redigeringsfönstret)
• Gör om (gå vidare med åtgärder)
• Kortkommandon för Klipp ut, Kopiera och Klistra in

4.5 Visningsalternativ

De sista ikonerna är:

• Knappen "Källa", som visar ditt innehåll i HTML-kodformat
• Knappen för att kontrollera tillgänglighet
• Helskärmsredigerare, särskilt användbart för mindre skärmar

5 Steg-för-steg-guider

5.1 Bädda in mediainnehåll

Mål: Lägg till extern video eller mediainnehåll.

Steg:

1. Kopiera URL:en för videon eller mediainnehållet.
2. Klicka på ikonen Länk eller Bädda in video.
3. Klistra in URL:en.
4. Redigeraren försöker bädda in innehållet automatiskt.
5. Om inbäddningen misslyckas visas länken som en vanlig hyperlänk.

Resultat: Inbäddat mediainnehåll som visas direkt på din sida, eller en länk till externt innehåll.

5.2 Infoga tabeller

Mål: Skapa en strukturerad tabell för datapresentation.

Steg:

1. Klicka på ikonen Tabell.
2. Välj antal rader och kolumner.
3. Klicka för att infoga tabellen.
4. Fyll i ditt innehåll.
5. Använd tabellegenskaper för att justera formateringen efter behov.

Resultat: En formaterad tabell för att organisera information.

5.3 Spela in ljud och video

Mål: Skapa inspelat innehåll direkt i itslearning.

För ljudinspelning:

1. Klicka på ikonen Ljudinspelning.
2. Tillåt mikrofonåtkomst om du uppmanas till det.
3. Klicka på spela in och tala.
4. Klicka på stopp när du är klar.
5. Spara eller ladda upp din inspelning.

För videoinspelning:

1. Klicka på ikonen Videoinspelning.
2. Tillåt kamera- och mikrofonåtkomst om du uppmanas till det.
3. Klicka på spela in.
4. Klicka på stopp när du är klar.
5. Spara eller ladda upp din inspelning.

Resultat: Inbäddat ljud- eller videoinnehåll skapat direkt i itslearning.

5.4 Skapa matematiska formler

Mål: Infoga matematisk notation och formler.

Steg:

1. Klicka på ikonen för iMathEQ formelredigerare.
2. Använd formelredigerarens gränssnitt för att bygga din ekvation.
3. Klicka på Infoga när du är klar.

Resultat: Professionell matematisk notation som visas i ditt innehåll.

6 Inställningar och anpassning

6.1 Val av språk

Definiera vilket språk som används när du skriver specifika textavsnitt. Detta hjälper till med stavningskontroll och tillgänglighetsfunktioner.

Så här ställer du in språk:

1. Markera texten.
2. Välj språk i språkmenyn i justeringsavsnittet.
   
3. Stavningskontrollen använder det valda språket för den texten.

6.2 Källkodsvy

Avancerade användare kan visa och redigera HTML-källkoden direkt.

Så här öppnar du källkodsvyn:

1. Klicka på knappen "Källa" längst till höger i verktygsfältet.
2. Visa eller redigera HTML-koden.
3. Klicka på "Källa" igen för att återgå till det visuella redigeringsläget.

Användningsområden:

• Finjustera formatering
• Felsöka visningsproblem
• Kopiera ren HTML för användning på annat håll

7 Teknisk information

7.1 Redigerarversioner

RTF-redigeraren kan visas i en förenklad eller fullständig version beroende på sammanhanget i itslearning. Den förenklade versionen visar grundläggande formateringsfunktioner, medan den fullständiga versionen visar alla tillgängliga verktyg.

7.2 Beteende vid inbäddning av länkar

När du klistrar in URL:er följer redigeraren denna hierarki:

1. Första försök: Hämta inbäddningskod automatiskt.
2. Andra försök: Bygg ett objekt baserat på sidans metadata.
3. Sista utväg: Visa som en vanlig hyperlänk.

Detta beteende säkerställer att innehållet visas optimalt när inbäddning stöds, samtidigt som funktionaliteten bibehålls när det inte stöds.

7.3 Media som stöds

Redigeraren stöder:

• Vanliga webbvideoformat via inbäddning
• Ljudinspelningar i vanliga format (MP3, M4A)
• Videoinspelningar i vanliga format (MP4, WebM)
• Bilder (JPEG, PNG, GIF)
• Externt innehåll från plattformar som stöds (YouTube, Vimeo osv.)

8 HTML- och CSS-filtrering

Formaterat textinnehåll visas för andra användare som en del av itslearnings gränssnitt. Obegränsad HTML och CSS skulle kunna användas för att köra skript eller annat aktivt innehåll, ladda innehåll från opålitliga externa källor, placera innehåll ovanpå knappar, länkar eller andra kontroller, dölja eller efterlikna delar av itslearnings gränssnitt, ändra layouten utanför författarens innehållsområde, eller spåra användare via externa resurser.

Av denna anledning kontrollerar itslearning HTML-element, attribut och CSS när innehåll sparas. Filtreringen gäller innehåll som skapats med verktygsfältet, angetts i källvyn, klistrats in från ett annat program eller importerats från ett annat system.

8.1 Tillåtna HTML-kodnivåer

Nivåerna är kumulativa:

• Begränsad innehåller de element som finns tillgängliga i Mycket begränsad.
• Mindre begränsad innehåller de element som finns tillgängliga i Begränsad.

8.2 Mycket begränsad

Tillåtna element:

Tillåtna attribut: Inga.

Detta innebär att Mycket begränsad inte behåller:

• Inline-formatering
• Klasser eller ID:n
• Språk- eller titelattribut
• Bilddimensioner
• Länkar eller länkmål
• Interna dataattribut från redigeraren

Bilder, tabeller, rubriker, länkar, ljud, video och inbäddade ramar tas bort på denna nivå.

8.3 Begränsad

Begränsad innehåller alla element från Mycket begränsad och lägger till följande.

Media och länkar:

oembed, video, audio, source, img, a

Text och semantisk struktur:

abbr, address, article, aside, bdi, bdo, cite, code, del, details, dfn, figcaption, figure, ins, kbd, mark, meter, q, s, samp, section, summary, time, wbr, blockquote

Ruby-annotationer:

ruby, rb, rp, rt, rtc

Tabeller:

table, caption, col, colgroup, thead, tbody, tfoot, tr, td, th

Listor:

ol, ul, dl, li, dt, dd

Behållare, rubriker och avdelare:

span, div, h1, h2, h3, h4, h5, h6, hr

Textpositionering och äldre formatering:

sup, sub, big, small, font, align, vspace, hspace

Matematiskt innehåll:

math, mrow, mo, mtable, mtr, mtd, mi, mtet, munder, mn, mtext, mfrac, msubsup, munderover, mover, msup, msub, msqrt, mroot

Tillåtna attribut:

Media, länkar och inbäddat innehåll:

controls, loop, preload, autoplay, muted, frameborder, sandbox, target, src, type, alt, title, allowfullscreen, mozallowfullscreen, webkitallowfullscreen

Dimensioner, riktning, tabeller och listor:

hspace, width, height, align, vspace, border, dir, valign, colspan, cellspacing, cellpadding, rowspan, start

Formatering och språk:

color, style, lang

Interna attribut för redigerare och innehåll:

data-link-id, data-link-target-element-id, data-richtextfile-id, data-richtextfile-tempfile-filerepoid, data-plugin-settings, data-mathml, data-tex

Länkmål med href behålls också. Länkmål hanteras separat från den avgränsade attributlistan och kan omfattas av ytterligare URL-säkerhetskontroller.

8.4 Mindre begränsad

Mindre begränsad innehåller allt innehåll från Begränsad och tillåter dessutom inbäddade ramar med iframe.

Den lägger också till följande attribut:

class, id, size, face, font, data-slideshow-settings

Detta tillåter:

• Klasser och ID:n på behållet innehåll
• Ytterligare äldre typsnittsformatering
• Bildspelsinställningar som skapats av redigerarens funktioner som stöds
• Inbäddade ramar

8.5 CSS och inline-formatering

Mycket begränsad tar bort hela attributet för inline-formatering.

Begränsad och Mindre begränsad behåller inline-formatering, men innehållet skickas genom ett separat CSS-säkerhetsfilter.

Bekräftade bevarade CSS-egenskaper:

color, background-color, font-size, font-family, text-align, margin, margin-left, padding, border, border-collapse, border-spacing, width, height, max-width

Aktuell testning bekräftar också att följande typer av värden bevaras där det är tillämpligt:

• Pixelvärden
• Heltals- och decimalprocent
• Enheter för visningsbredd (vw)
• Automatisk höjd
• Beräknade breddformler (calc)
• Flera margin- och padding-värden
• Hexadecimala färger

Exempel på responsiv bildformatering som bevaras vid Begränsad och Mindre begränsad är:

• En procentuell bredd
• En maxbredd på 100 procent
• En bredd på 100 procent
• Automatisk höjd

Borttagna CSS-egenskaper:

display, position, top, left, z-index, opacity, object-fit, aspect-ratio

När alla deklarationer i en inline-formatering avvisas kan elementet bli kvar med ett tomt style-attribut.

8.6 Inbäddade style sheets

Inbäddade style sheets och style-element stöds inte vid Mycket begränsad, Begränsad eller Mindre begränsad.

8.7 Vad händer med innehåll som inte stöds

Resultatet beror på vilken typ av innehåll som filtreras:

• Ett behållarelement som inte stöds tas normalt bort medan texten i det behålls.
• En bild eller ett annat element utan underliggande text som inte stöds kan försvinna helt.
• Attribut som inte stöds tas bort från ett i övrigt element som stöds.
• CSS-deklarationer som inte stöds tas bort från en i övrigt bevarad inline-formatering.
• HTML-kommentarer tas bort.
• Attributordning, blanksteg och tomma booleska attribut kan normaliseras när innehållet sparas.

8.8 Bildbredd och responsiva bilder

Dialogrutan Bildegenskaper i den fullständiga redigeraren accepterar numeriska bredd- och höjdvärden. Den erbjuder inget alternativ för procentuella bredder.

Avancerade användare kan ange procentuella bredder via källvyn. Bekräftade metoder som stöds vid Begränsad och Mindre begränsad inkluderar:

• Procentbaserade breddattribut
• Procentbaserad inline-bredd
• Maxbredd på 100 procent
• Bredd på 100 procent med automatisk höjd

Mycket begränsad behåller inte bilder.

Den slutliga renderade storleken kan också påverkas av den omgivande sidlayouten och produktens stilmall.

8.9 Ytterligare resultat bekräftade genom testning

Ytterligare bekräftade bevarade CSS-egenskaper:

Även bekräftat:

• Namngivna CSS-färger (till exempel tomato, lightyellow), inte bara hexadecimala värden
• currentColor
• rgba() och hsla(), inklusive alfakanalen (genomskinlighet)
• Ytterligare längdenheter: em, rem, pt, cm, ch (utöver pixelvärden, procent och enheter för visningsbredd som redan bekräftats)

Ytterligare bekräftat borttagna CSS-egenskaper:

Anteckningar om element- och attributbeteende:

8.10 Vad detta innebär för ditt innehåll

Avsnitten ovan beskriver filtret i tekniska termer. Det här avsnittet översätter samma resultat till enkla frågor om vad du faktiskt kan skapa, utan att behöva läsa någon kod.

9 Felsökning

9.1 Vanliga problem

Problem: Redigerarens verktygsfält är ofullständigt eller saknar funktioner

Lösning:

1. Leta efter knappen "Fler alternativ".
2. Klicka på "Fler alternativ" för att expandera dolda ikoner.
3. Om funktionerna fortfarande inte är tillgängliga, kontrollera dina behörigheter för innehållsområdet.

Problem: Inklistrat innehåll visas med oväntad formatering

Lösning:

1. Använd källvyn för att granska HTML-koden.
2. Överväg att klistra in som vanlig text först och sedan formatera om.
3. Använd ångra (Ctrl+Z / Cmd+Z) om formateringen blir fel.

Problem: Kan inte bädda in video från extern källa

Lösning:

1. Kontrollera att video-URL:en är korrekt.
2. Kontrollera att den externa plattformen stöder inbäddning.
3. Om inbäddningen misslyckas fungerar länken ändå som en vanlig hyperlänk.
4. Alternativ: ladda upp videofiler direkt om inbäddning inte är tillgängligt.

9.2 Saknade funktioner i verktygsfältet

Problem: Ikoner för Tilläggsbiblioteket eller integrationer (Teams, Google Meet) syns inte

Orsak: Dessa funktioner kräver att din institution aktiverar dem på plattformsnivå.

Lösning: Kontakta din itslearning-administratör för att bekräfta vilka funktioner som är aktiverade för din plattform.

10 Ytterligare resurser

Fler hjälpresurser
Har du fler frågor? Börja med att fråga din skoladministratör.

Versionsinformation för produkten
Håll dig uppdaterad om itslearnings senaste versioner: https://itslearning.com/product-updates

Tjänststatus
Kontrollera aktuell status för itslearnings tjänster: https://status.itslearning.com/

Idéportalen
Dela dina idéer och hjälp till att forma itslearnings framtid: https://ideas.itslearning.com/

Roadmap
Ta del av vår roadmap: https://itslearning.com/global/roadmap/