Gå til hovedindhold

Indsæt HTML på en side

Team GoMember
Opdateret

Hvad denne artikel dækker

Denne artikel viser, hvordan du indsætter et HTML-element på en side og lægger din egen HTML, CSS eller embed-kode ind i det. Det generelle om at trække elementer ind, redigere, flytte og gemme står i Indsæt elementer på en side — her ser vi kun på det, der er særligt for HTML-elementet.

Hvornår er det relevant

Brug HTML-elementet, når du vil vise indhold, de andre elementer ikke dækker — for eksempel en indlejret kalender, et kort eller en widget fra en anden tjeneste, du har fået som embed-kode. Skal du bare skrive tekst, overskrifter eller lister, er tekstelementet nemmere; HTML-elementet er til rå kode.

Forudsætninger

Krav Hvor sættes det op Reference
En side at lægge elementet på Hjemmeside → Byg hjemmeside Opret en indholdsside
Din rolle skal have adgang til at administrere hjemmesiden (rettigheds-området Web / CMS ansvarlige) Indstillinger → System → Rettigheder Tildel administrator-rettigheder

Trin: Indsæt HTML-elementet

  1. Åbn siden i sideeditoren, og træk elementet HTML ind fra panelet Elementer (gruppen Indhold). Selve trækket foregår som for alle elementer — se Indsæt elementer på en side.
  2. Kør musen over elementet, klik på blyant-ikonet, og bliv på fanen Indhold. Felterne er:
    • Overskrift — vises over indholdet og kan stå tom.
    • Størrelse — overskriftens størrelse, Standard som udgangspunkt.
    • HTML-indhold — selve editoren. Den har en almindelig værktøjslinje (fed, overskrifter, lister, link, tabel, billede) og et <>-ikon. Klik på <> for at skifte til kodevisning, hvor du skriver eller indsætter rå kode.
  3. Slå <> til, og indsæt din HTML, CSS (style-tags) eller embed-kode i HTML-indhold. Under feltet står hjælpeteksten Indsæt HTML, CSS (style-tags) eller embed-kode. Scripts er ikke tilladt. Stilarter påvirker kun dette element.
  4. Afslut med Gem, og gem siden som beskrevet i Indsæt elementer på en side.

HTML-elementet i sideeditoren: til venstre vises overskriften Tilpasset indhold med teksten Tilpasset HTML-indhold kommer her, til højre fanen Indhold med felterne Overskrift, Størrelse og HTML-indhold, hvor kodevisningen (<>-ikonet) er slået til og viser HTML-koden, og under feltet står Indsæt HTML, CSS (style-tags) eller embed-kode. Scripts er ikke tilladt

HTML-elementet med kodevisningen slået til på fanen Indhold.

Hvad du kan lægge ind

HTML-elementet accepterer HTML, CSS i style-tags og embed-kode (for eksempel en indlejret video eller kalender fra en anden tjeneste). To ting er værd at vide:

  • Scripts er ikke tilladt. JavaScript og <script>-tags køres ikke — det er af sikkerhedshensyn. Vil du indlejre indhold, så brug embed-kode (typisk et <iframe>) fremfor et script.
  • Stilarter påvirker kun dette element. Den CSS, du lægger ind, gælder kun HTML-elementet og ændrer ikke resten af siden.

Pakke-begrænsninger

Funktion Smart Pro Premium
Hjemmeside ❌ ✅ ✅

Næste trin

Almindelige fejl og løsninger

Min kode vises som almindelig tekst i stedet for at virke.
Årsag: Kodevisningen var ikke slået til, så koden blev opfattet som tekst.
Løsning: Klik på <>-ikonet i HTML-indhold, og indsæt koden i kodevisningen.

Min embed-kode eller mit script virker ikke.
Årsag: Scripts er ikke tilladt i HTML-elementet.
Løsning: Brug embed-kode (typisk et <iframe>) i stedet for et <script>. Skal du indlejre en video, kan du også bruge Video-elementet.

Beslægtede emner

Relaterede artikler

Kommentarer

0 kommentarer

Log ind for at kommentere.