Hoppa till huvudinnehållet

Widgeten fri HTML-kod

Fri HTML-kod är en widget som låter dig inkludera HTML-kod. Detta kan vara användbart på en mängd olika sätt, här följer några exempel:

  Kraftfullt men farligt
HTML-kod är grunden för hur webbsidor byggs upp, så med kontroll över den kan du göra vad du vill på sidan. Denna widget är därför mycket kraftfull. Men på samma sätt kan felaktigt inlagd kod förstöra din sida. En enda glömd stängning av till exempel en div-tagg kan få katastrofala konsekvenser för hur sidan ritas upp.

Var därför försiktig med att använda denna widget om du inte har HTML-vana. Arbeta gärna på en kopia av sidan du vill göra ändringarna på först så att du inte förstör sidor som ligger live.

Begränsning för taggen <form>

E37s system använder sig av Web Forms, vilket förenklat innebär att alla sidor är uppbyggda av ett stort formulär. HTML tillåter inte att formulär placeras i andra formulär vilket innebär att om du placerar en <form>-tagg i din fria HTML-kod så kommer den inte att fungera som väntat. Om du bara vill lägga in ett kontaktformulär som skickar e-post till dig när det fylls i kan du använda widgeten Kontaktforumlär. Om du vill lägga in egen HTML-kod med taggen <form> kan du istället använda widgeten Inkludera i ram. 

Hur lägger jag till widgeten

Gör så här i admin:

  1. Gå till sidan eller widgethållaren där du vill lägga till ramen.
  2. Klicka knappen Lägg till widget.
  3. Välj under den förvalda kategorin Allmänna widgeten Fri HTML-kod.
  4. Välj lämpliga val för fliken Allmänna inställningar.
  5. Under fliken Widgetinställningar skriver du in din HTML-kod. Texten "<p>Detta är en <b>exempeltext</b>.</p>" ska naturligtvis skrivas över i sin helhet.
      Ska du lägga in JavaScript? Glöm inte script-taggen!

    Tänk på att om det är JavaScript-kod du ska klistra in i fältet HTML-kod så måste du ha med en öppnande och stängande script-tagg runt JavaScript-koden. Har en kodsnutt du ska klistra från en tredjepartstjänst ingen egen script-tagg, lägg till den enligt nedan.

    <script type="text/javascript">
    //JavaScript-koden lägger du här, istället för den de här raden.
    </script>
  6. Ställ in eventuella stilmallar under fliken CSS.
  7. Klicka knappen Spara för att spara den nya widgeten.
  8. Lägg widgeten där du vill ha den på sidan med drag and drop. Notera att om din kod bara är ett skript så är det möjligt att widgeten inte grafiskt ska ändra hur sidan ser ut. För att widgeten då inte ska ta upp plats och flytta andra widgets är det vara lämpligt att lägga denna widget längst ned på sidan.
  9. Klicka knappen Spara för att spara din layout.

Relaterade artiklar