Toolbox Hub
Alle gereedschappen

HTML Preview

Preview HTML code

Preview HTML code Wordt lokaal uitgevoerd in uw browser

About the

Het HTML-voorbeeld geeft een HTML-fragment live weer, zodat u kunt zien wat het oplevert zonder een bestand op te slaan en te openen. Het is bedoeld voor korte fragmenten: een e-mailsjabloon, de opmaak van een component, een fragment uit een contentmanagementsysteem of iets anders dat u in de gaten wilt houden voordat u het ergens plakt. Schakelen tussen bewerken en bekijken gaat direct, waardoor het een snelle lus is voor het aanpassen van markeringen.

Where people use the

  • Een e-mailsjabloonfragment controleren voordat een test wordt verzonden.
  • Een voorbeeld van opmaak bekijken die uit een contentmanagementsysteem is geplakt.
  • Een fragment controleren voordat het in een pull-verzoek wordt geplakt.
  • Testen of een tabel of lijst wordt weergegeven zoals u verwacht.

How to use the

  1. 1

    Plak uw opmaak

    Typ of plak een HTML-fragment in de editor. Een volledig document of slechts een fragment werken beide.

  2. 2

    Schakel over naar voorbeeld

    Druk op Voorbeeld om het weer te geven. De opmaak wordt in de pagina getekend zoals deze in een browser zou verschijnen.

  3. 3

    Schakel terug en pas aan

    Druk op Bewerken om terug te keren naar de markering. Wijzigingen blijven behouden, zodat u kunt herhalen.

  4. 4

    Kopieer het als je tevreden bent

    Selecteer de opmaak in de editor en kopieer deze naar uw project.

Tips en beste praktijken

  • Voeg inline stijlen toe als uw fragment afhankelijk is van een stylesheet die hier niet aanwezig is.
  • Een schone render is geen bewijs van geldige markup; browsers papier over fouten.
  • Houd het voorbeeld in gedachten voor fragmenten, niet voor hele pagina's met scriptgedrag.

Veelgestelde vragen

Ondersteunt het CSS en JavaScript?

Stijltags en inlinestijlen worden weergegeven. Scripts worden weergegeven als opmaak, maar dit is een voorbeeld van een fragment. Beschouw scriptgedrag dus als onbetrouwbaar.

Waarom ziet mijn fragment er anders uit dan mijn site?

Omdat het omringende stylesheet ontbreekt. Een fragment erft hier niets, dus alles dat afhankelijk is van de CSS van uw site ziet er ongestyled uit.

Kan ik externe afbeeldingen of lettertypen laden?

Ja, als ze openbaar bereikbaar zijn, hoewel de eigen regels van de omliggende pagina nog steeds niet van toepassing zijn.

Is de opmaak geüpload?

Nee. Het renderen gebeurt in uw browser, dus ongepubliceerde sjablonen en interne inhoud blijven op uw apparaat staan.

Valideert het de HTML?

Nee. Het geeft weer wat je eraan geeft. Een browser zal sommige fouten stilletjes herstellen, dus een schone weergave bewijst niet dat de opmaak geldig is.

Gerelateerde hulpmiddelen