Til toppen

Bruk av formatert tekst (WYSIWYG)

"Formatert tekst" er et kraftig element med mange muligheter. Samtidig har det flere fallgruver og må brukes riktig.

Layout-elementet "formatert tekst" benytter WYSIWYG-funksjonalitet (What You See Is What You Get). Det gjør at man enkelt kan produsere tekst uten å kunne HTML, da det bare er å skrive inn det som skal vises i frontend. Med kompetanse innen HTML/CSS/Javascript kan man utforme mange spennende og kreative løsninger ved bruk av dette elementet. Men det er samtidig et veldig kompleks element, og feil bruk kan resultere i uheldige utslag.

Elementet kan blant annet brukes til:

  • Tekstproduksjon.
  • Sette inn bilder og YouTube-videoer.
  • Lage dropdown-elementer (eksempel).

Det er riktignok fort gjort å gjøre feil ved bruk. Det kan blant annet oppstå situasjoner der siden blir blank eller krøller seg. Har man ikke HTML/CSS kompetanse, oppfordrer vi til å være forsiktig i bruken av elementet og kun holde seg til den grunnlegende funksjonaliteten. Ved bruk av "Formatert tekst" utover det som er standard, ligger ansvaret hos dere. Videre har vi laget noen "kjøreregler" for å unngå de vanligste feilene.

Kjøreregler

  • Hold dere til de definerte skrifttypene under "Format"; Normal og Heading 1-6.
    • Styr unna "Styles", "Font" og "Size". Endringer her skaper stort sett bare krøll.
  • Ikke kopier og lim inn direkte fra annet enn rene teksteditor, som Notepad ++ og TextEdit.
    • Det vil si: ikke lim inn direkte fra skriveprogrammer som Word eller andre nettsider.
  • Bruk "Lim inn uten formatering" (Ctrl + Shift + V) for å lime inn formatert tekst.
    • Dette fjerner formateringen til teksten og hindrer at det oppstår krøll.
    • Bruk denne funksjonen for å være på den sikre siden dersom du er usikker på om teksten er formatert!
  • Vær forsiktig med bruk av tabeller. Det fungerer dårlig på responsive sider, og resultatet blir gjerne at innholdet på mobil sklir utover i bredden. Dette blir hverken brukervennlig eller fint.
  • Bruk de ferdigdefinerte knappene for å legge til YouTube-videoer og bilder.
  • Ikke kopier og lim inn HTML fra en side. Dette vil stort sett bare skape krøll.
  • Test nøye før publisering og sjekk forhåndsvisning.
  • Bruker dere "formatert tekst" til å lage det samme elementet flere ganger? Da kan dere bestille et sidelement fra konsulent.

 

Husk: Ansvaret ligger hos dere ved bruk av elementet utover standard tekstproduksjon og andre grunnlegende funksjoner.

Konklusjon: Vit hva du gjør! Er du usikker, spør en konsulent.

PS: Ved feilsøk kan dere bruke "Source"-knappen for å sjekke om det har kommet med HTML/CSS som "tuller til" siden.