Sådan bruger du HTML-editoren

HTML-editor

Oversigt

Den indbyggede HTML-editor giver instruktører, lærere og administratorer mulighed for at oprette og redigere indhold direkte i kurser, beskeder, widgets og mere.

Denne artikel vil lære dig, hvordan du får adgang til og bruger de forskellige elementer i editoren til at skabe engagerende og æstetisk indhold.

Info
Bemærk venligst, at forretningsplatformen som standard bruger termen " kursus" , og at den akademiske platform som standard bruger termen " klasse" . Begreberne "kursus" og "klasse" kan bruges i denne artikel som synonymer.

Værktøjslinjemenuen

HTML-editoren vises, når du redigerer indhold i kurser, beskeder, widgets og mere. Værktøjslinjen består af en menulinje og ikoner, der giver dig mulighed for at redigere indhold i sektionen.

Info
Bemærk, at skærmbillederne i denne artikel vises i en kursussektion, men værktøjslinjen fungerer på samme måde i kurser, beskeder og widgets. Indholdsbyggeren til venstre for værktøjslinjen er kun tilgængelig, når du redigerer kurser.

Kursus, modul, sideafsnit i redigeringstilstand med værktøjslinjen fremhævet

Den øverste menubjælke består af syv menuer, som er beskrevet mere detaljeret nedenfor.

Kursus, Modul, Rediger sektion med de øverste menuer i værktøjslinjen fremhævet

Fil

Menuen Filer indeholder følgende handlinger:

Titel
Beskrivelse
Nyt dokument
Rydder tekstvinduet for al tekst/billeder/links.
Forhåndsvisning
Åbn et pop op-vindue for at se en forhåndsvisning af det publicerede indhold.
Trykke
Udskriv indholdet i tekstvinduet.

Redigere

Menuen Rediger indeholder følgende handlinger.

Titel
Beskrivelse
Fortryd
Fortryd din seneste handling.
Gentag
Gentag din seneste handling.
Skære
Fjern den valgte tekst/billede og gem det i udklipsholderen.
Kopi
Kopier den valgte tekst/billede og gem det i udklipsholderen.
Indsæt
Indsæt tekst/billede fra udklipsholderen.
Indsæt som tekst
Indsæt indhold fra udklipsholderen kun som tekst, ingen formatering.
Vælg alle
Markér/fremhæv alt indhold i tekstvinduet.
Find og erstat
Find et ord eller en sætning, og erstat den med et nyt ord/sætning (hvis relevant).

Udsigt

Menuen Vis indeholder følgende handlinger til visning af tekst og tegn i tekstvinduet.

Titel
Beskrivelse
Kildekode
Se/rediger kildekoden i tekstvinduet.
Vis usynlige tegn
Viser usynlige tegn såsom mellemrum og bløde returtegn.
Vis blokke
Viser afsnitsblokke i tekstvinduet.
Forhåndsvisning
Åbn et pop op-vindue for at se en forhåndsvisning af det publicerede indhold.

Indsæt

Menuen Indsæt indeholder følgende handlinger til at indsætte billeder, videoer, tabeller, links og mere.

Titel
Beskrivelse
Forbindelse
Indsæt et hyperlink til en URL.
Medier
Indsæt/integrer et stykke medie.
Tabel Indsæt og opbyg en tabel.
Specialkarakter Indsæt et specialtegn.
Emojis Indsæt en emoji.
Vandret linje
Indsæt en vandret linje.
Sideskift
Indsæt et skift for at starte en ny side.
Ikke-brydende plads
Indsæt et mellemrum, der ikke bryder siden.
Anker
Indsæt et anker/bogmærke på en position/lokation.
Indsæt skabelon
Indsæt en gemt skabelon.
Gem som skabelon
Gem den fremhævede tekst som en skabelon.
Dato/tidspunkt
Indsæt dato- eller tidsindstillinger fra rullemenuen.
Rediger ligning
Klik for at redigere en fremhævet ligning.
Upload billede
Klik for at uploade et billede.
Upload fil
Klik for at uploade en fil.
Opret webkonference
Klik for at tilføje webkonference til teksten*.
Optag lyd
Klik for at optage lyd direkte i tekstvinduet.
Optag video
Klik for at optage video direkte i tekstvinduet.
Info
* For at indstillingerne for Opret webkonference kan vises, skal webkonference-appen(e) først installeres fra App Center.

Format

Menuen Formatér indeholder følgende handlinger til formatering af tekst.

Titel
Beskrivelse
Dristig
Fremhæv den markerede tekst med fed skrift.
Kursiv
Kursivér den markerede tekst.
Understrege
Understreg den markerede tekst.
Gennemstreget
Gennemstreger den markerede tekst.
Hævet skrift
Formater den markerede tekst som hævet skrift.
Subskript
Formatér den markerede tekst som et sænket skrift.
Kode
Formater den valgte tekst som kode.
Blokke
Indsæt den relevante blokformatering fra rullemenuen.
Skrifttyper
Vælg en anden skrifttype fra rullemenuen.
Skriftstørrelser
Vælg en skriftstørrelse fra rullemenuen.
Justér
Vælg en tekstjusteringsstil fra rullemenuen.
Linjehøjde
Vælg linjehøjden fra rullemenuen.
Øg indrykning
Indryk teksten eller afsnittet til højre.
Formindsk indrykning
Flyt teksten eller afsnittet til venstre.
Tekstfarve
Vælg den ønskede tekstfarve fra rullemenuen.
Baggrundsfarve
Vælg en baggrundsfarve fra rullemenuen.
Ryd formatering
Ryd formatering fra den markerede tekst.

Værktøjer

Menuen Værktøjer indeholder følgende handlinger.

Titel
Beskrivelse
Kildekode
Se/rediger kildekoden.
Ordtælling Se antallet af ord og tegn.

Tabel

Menuen Tabel indeholder følgende handlinger til at indsætte en tabel og ændre tabelstrukturen.

Titel
Beskrivelse
Tabel
Indsæt en tabel.
Celle Ændringsmuligheder for de valgte celler fra rullemenuen.
Række
Rediger, slet og/eller indsæt indstillinger for den/de valgte række(r) fra rullemenuen.
Kolonne
Rediger, slet og/eller indsæt indstillinger for den/de valgte kolonne(r) fra rullemenuen.
Tabelegenskaber
Se og rediger tabelegenskaber såsom bredde, højde, rammer osv.
Slet tabel
Slet den valgte tabel.

Værktøjslinjens sekundære menu

Under hovedmenuen består værktøjslinjen af ​​lettilgængelige rullemenuer og ikoner til yderligere formatering.

Kursus, Modul, Rediger sektion med fremhævede ikoner i værktøjslinjens sekundære menu

Fortryd og Annuller fortryd

  1. Klik på Fortryd-ikonet for at fortryde den forrige handling.
  2. Klik på ikonet Gentag for at gentage det forrige ikon.
Ikoner for fortryd og annuller annullering

Afsnits- og overskriftsformater

  1. Klik på rullemenuen for overskriftsstil for at anvende formater og stilarter på tekst.

Kursus, Modul, Rediger sektion med menuen Overskriftsstil aktiv og fremhævet

Skrifttypestil

  1. Klik på rullemenuen med skrifttyper for at ændre skrifttypen på din tekst.
Kursus, Modul, Rediger sektion med menuen Skrifttype aktiv og fremhævet

Skriftstørrelse

    1. Klik på rullemenuen for skriftstørrelse for at ændre tekststørrelsen.
    Kursus, Modul, Rediger sektion med menuen Skriftstørrelse aktiv og fremhævet

    Skrifttypeformat

    1. Klik på det fede ikon for at få fed tekst.
    2. Klik på det kursiverende ikon for at kursivere tekst.
    3. Klik på understregningsikonet for at understrege tekst.
    Ikoner for fed skrift, kursiv skrift og understregning

    Tekstfarve

      1. Klik på tekstfarveikonet for at vælge/ændre skrifttypefarven.
      Kursus, Modul, Rediger sektion med tekstfarvemenuen aktiv og fremhævet

      Tekstjustering

      1. Klik på justeringsikonet for at justere tekst.

      Kursus, Modul, Rediger sektion med justeringsmenuen aktiv og fremhævet

      Punktopstilling

      1. Klik på ikonet for punktopstilling for at oprette og formatere en punktopstilling.
      Kursus, Modul, Rediger sektion med menuen Punktopstilling aktiv og fremhævet

      Nummereret liste

      1. Klik på ikonet for den nummererede liste for at oprette og formatere en punktopstillet eller nummereret liste.
      Kursus, Modul, Rediger sektion med menuen Nummereret liste aktiv og fremhævet

      Upload billede og upload fil

      1. Klik på ikonet for upload af billede for at uploade et billede.
      2. Klik på ikonet for upload af filer for at uploade filer.
      Ikoner for upload af billeder og upload af filer

      Ryd formatering

      1. Klik på ikonet Ryd formatering for at rydde formateringer, der muligvis er opstået ved kopiering og indsættelse af indhold.
      Ryd formateringsikon

      Baggrundsfarve

      1. Klik på ikonet Baggrundsfarve for at fremhæve tekst/billeder.
      Kursus, Modul, Rediger sektion med menuen Baggrundsfarve aktiv og fremhævet

      Avanceret værktøjslinje

      For yderligere funktionalitet:

      1. Klik på mere ikonet for at vise den avancerede værktøjslinje.

      Kursus, Modul, Rediger sektion med mere-ikonet fremhævet

      Den avancerede værktøjslinje vises under den sekundære værktøjslinje og indeholder yderligere muligheder, der er beskrevet nedenfor.

      Kursus, Modul, Rediger sektion med ikonerne på den avancerede værktøjslinje fremhævet

      Indryk og vandret linje

      1. Klik på ikonet Formindsk indrykning for at mindske tekstens indrykning.
      2. Klik på ikonet Forøg indrykning for at indrykke teksten.
      3. Klik på ikonet for vandret linje for at indsætte en vandret linje.
      Ikoner for formindskelse af indrykning, øg indrykning og vandrette linjer

      Emojis

      1. Klik på emojien Emoji-ikon ikonet for at åbne emojis-tastaturet.
      2. Klik på en emoji for at indsætte den.
      Kursus, Modul, Rediger sektion med Emoji pop op-skærmen

      Specialtegn

      1. Klik på specialtegnet Ikon for specialtegn ikonet for at åbne pop op-vinduet med specialtegn.
      2. Klik på et specialtegn for at indsætte det.

      Kursus, Modul, Rediger sektion med pop op-skærmen for specialtegn

      Avancerede ikoner

      1. Klik på ikonet Indsæt/rediger link at indsætte et link til en hvilken som helst URL.
      2. Klik på ikonet Indsæt/Rediger medie at indsætte/indlejre et link til en hvilken som helst URL.
      3. Klik på ikonet Indsæt/rediger ligning at indsætte/indlejre et link til en hvilken som helst URL.
      4. Klik på ikonet Indsæt skabelon Ikon for indsættelse af skabelon at indsætte en skabelon.
      5. Klik på kildekodeikonet Kildekodeikon for at se den aktuelle sides kildekode.
      6. Klik på ikonet Optag lyd Ikon for optagelse af lyd at optage lyd direkte på kursussiden.
      7. Klik på ikonet Optag video Ikon for optagelse af video at optage video direkte på kursussiden.
      1. Klik på ikonet Opret webkonference Ikon for opret webkonference for at oprette et link til webkonference ved hjælp af en af ​​rullemenuerne.
        1. Bemærk - Kun webkonferenceapps, som du har installeret på din platform, vises.

      Kursus, Modul, Rediger sektion med menuen Opret webkonference aktiv og fremhævet

      Bedste praksis

      Brug disse bedste fremgangsmåder til at få mest muligt ud af editoren.

      • For at indsætte et linjeskift i stedet for et nyt afsnit, tryk på Shift + Enter.
      • Når du integrerer HTML-widgets, skal du først se tekstvinduet i kildekoden.
        • Klik på rullemenuen Vis .
        • Klik på < > Kildekode .
      • Indsæt tredjepartsindhold som almindelig tekst for at undgå formateringsfejl.
      • For at gøre en tabels kanter usynlige:
        • Vælg tabellen.
        • Klik på Tabelegenskaber .
        • I fanen Generelt i pop op-vinduet skal du indstille kantbredden til "0".
        • I fanen Avanceret skal du vælge kantstilen til "Skjult" eller "Ingen".

      Kursus, Modul, Rediger sektion med en valgt tabel og ikonet for tabelegenskaber fremhævet

      Stavekontrol

      Editoren indeholder en stavekontrol, der markerer ord, der ikke er stavet korrekt, med en rød linje. Sådan retter du en stavefejl:

      1. Tryk CTRL + Højre museklik .
      2. Vælg den korrekte stavemåde fra listen over forslag.
      Kursus, Modul, Rediger sektion med en aktiv og fremhævet stavemenu

      Integrering af variabler

      Du kan integrere variabler i lektionssider ved hjælp af formatet {{variabelnavn}}. Dette giver dig mulighed for at tilpasse indhold til brugere og kurser.

      Følgende variabler kan bruges på indholdssiden:
      • {{class_custom_field_1}}
      • {{class_custom_field_2}}
      • {{class_finish_date}}
      • {{klasse_id}}
      • {{klasse_lokation}}
      • {{klassenavn}}
      • {{klassenavn_med_link}}
      • {{class_start_date}}
      • {{completed_at_utc}}
      • {{kursuskode}}
      • {{kreditter}}
      • {{dage_i_klassen}}
      • {{dage_tilbage}}
      • {{deactivate_students_after}}
      • {{organisations-id}}
      • {{organisationsnavn}}
      • {{sektionskode}}
      • {{site_name}}
      • {{site_name_with_url}}
      • {{lærernavn}}
      • {{lærernavn_med_link}}
      • {{bruger_email}}
      • {{bruger_fornavn}}
      • {{bruger_fuldt_navn}}
      • {{bruger_fuldt_navn_med_link}}
      • {{bruger_id}}
      • {{bruger_last_name}}
      • {{user_preferred_contact_method}}
      • {{bruger_ssn}}
      • {{bruger-id}}
      • {{hvorfor}}

      Kursus, Modul, Redigeringssektion med fremhævede eksempler på variabler

      Størrelsesjustering af videoer

      Hvis du tilføjer en video som et link i HTML-editoren, kan du indstille dens størrelse ved hjælp af denne HTML-kode:
      <a width='100' height='700'>link</a>.
      1. Hvis du vil have videoens størrelse tilpasset automatisk, kan du udelade en af ​​værdierne (bredde eller højde).
      2. Du kan også bruge procentværdier til at indstille størrelsen på en video, for eksempel <width='100%' >.

      Redigering af billeder

      Editoren tilbyder forskellige muligheder for redigering af billeder, når de er uploadet. Sådan redigerer du et billede:

      1. Klik på billedet.
      2. En menu med muligheder vises.
      Ikon
      Beskrivelse
      Ikon for rotation mod uret
      		 Roter billedet mod uret
      Ikon for rotation med uret
      		 Roter billedet med uret
      Ikon for at vende billedet vandret
      		 Vend billedet vandret
      Ikon for at vende billedet lodret Vend billedet lodret
      Beskær billede-ikon
      		 Beskær billede
      Ikon for redigering af billede
      		 Rediger billedegenskaber

      Kursus, Modul, Rediger sektion med et billede fremhævet og værktøjslinjen til redigering af billede aktiv

      Hvis du vælger ikonet Rediger billedegenskaber , vises pop op-vinduet Indsæt/Rediger billede.
      1. Kilde : Viser billedkilden.
      2. Alternativ beskrivelse : Denne beskrivelse læses af skærmlæsere for at hjælpe synshandicappede brugere.
      3. Bredde og højde : Juster billedets størrelse.
        1. Bemærk: Brug låseikonet til at sikre, at billedet bevarer forholdet mellem bredde og højde.


      Når du tilføjer et nyt billede, kan du også tilføje en beskrivelse til skærmlæsere:
      1. Indtast en beskrivelse i feltet Billedbeskrivelse .

      Upload billede pop op-vindue

      Indholdsskabeloner

      Indholdsskabeloner giver dig mulighed for at gemme HTML-fragmenter i ressourcekataloget og derefter nemt indsætte dem i indholdsområder senere. Du kan bruge denne funktion til at oprette et bibliotek med almindelige indholdselementer, som du ofte bruger i dine indholdsområder.

      Sådan tilføjer du et HTML-fragment til en indholdsskabelon:

      1. Markér teksten og/eller billederne i HTML-editoren.
      2. Højre museklik.
      3. Vælg Gem som skabelon .

      Kursus, Modul, Rediger sektion med tekst og et billede valgt, med Gem som skabelon fremhævet i højre museklikmenu

      1. Indtast en titel til skabelonen.
      2. Klik på Okay .
      3. Indholdsskabelonen gemmes i dit personlige bibliotek.

      Gem som skabelon pop op-vindue

      Sådan får du adgang til dine gemte indholdsskabeloner:

      1. Klik på Ressourcer i venstre navigationslinje.
      2. Klik på Katalog i pop-up-menuen.
      3. Filtrer efter Ressourcetype > Indholdsskabelon i søgepanelet.
      4. Klik på din indholdsskabelon.

      Ressourcer, Katalogside med sektionen Ressourcetype fremhævet i søgepanelet

      Indholdsskabelonen vises. Sådan får du flere oplysninger om en indholdsskabelon:
      1. Klik på Detaljer .

      Ressourcer, pop op-vindue for indholdsskabeloner


      Du kan nu opdatere indholdssektionen:
      1. Klik på Rediger for at redigere indholdet .
      2. Klik på Slet for at fjerne skabelonen.

      Ressourcer, Indholdsskabelon med fremhævede ikoner for Rediger og Slet

      Hvis du klikker på rediger, kan du opdatere indholdet og dele det med andre brugere.
      1. Vælg Personligt , Organisations- eller Erhvervsbibliotek , hvis du ønsker, at indholdsskabelonen skal være tilgængelig for andre brugere.
      2. Klik på Gem efter redigering af indholdet.

      Ressourcer, skærmbilledet Rediger indholdsskabelon

      Sådan indsætter du en kopi af indholdsskabelonen i en sektion:
      1. Få adgang til sektionen.
      2. Højre museklik.
      3. Vælg Indsæt skabelon .
      4. Vælg skabelonen fra rullelisten.
      5. Klik på Gem .
      Kursus, Modul, Rediger sektion med Indsæt skabelon fremhævet i højre museklikmenuen