Viktigt

Översättning är en gemenskapsinsats du kan gå med i. Den här sidan är för närvarande översatt till 100.00%.

18.2.10. HTML-ramobjektet

Det är möjligt att lägga till en ram som visar innehållet på en webbplats eller till och med skapa och utforma din egen HTML-sida och visa den! Du kan lägga till en bild med addHtml Add HTML enligt instruktioner för skapande av objekt och manipulera den på samma sätt som i Interagera med layoutobjekt. Observera att HTML-skalan styrs av layoutexportens upplösning vid den tidpunkt då HTML-ramen skapas.

HTML-objektet kan anpassas med hjälp av dess Item Properties-panel. Förutom objektens gemensamma egenskaper, har denna funktion följande funktioner (se Fig. 18.56):

../../../../_images/html_properties.png

Fig. 18.56 HTML-ram, panelen för objektsegenskaper

18.2.10.1. HTML-källa

Gruppen HTML Source i HTML-ram Item Properties-panelen ger följande funktioner (se Fig. 18.57):

../../../../_images/html_source.png

Fig. 18.57 HTML-ram, egenskaperna för HTML-källa

  • I URL kan du ange URL:en till en webbsida som du kopierat från din webbläsare eller välja en HTML-fil med hjälp av Browse-knappen. Det finns också möjlighet att använda knappen dataDefine Data-defined override för att ange en URL från innehållet i ett attributfält i en tabell eller med hjälp av ett reguljärt uttryck.

  • I Source kan du skriva in text i textrutan med några HTML-taggar eller tillhandahålla en fullständig HTML-sida.

  • Knappen Insert or Edit an Expression… kan användas för att lägga till ett uttryck som [%Year($now)%] i textrutan Source för att visa aktuellt år. Den här knappen aktiveras endast när radioknappen Source är markerad. När du har infogat uttrycket måste du klicka någonstans i textrutan innan du uppdaterar HTML-rutan, annars förlorar du uttrycket.

  • Aktivera checkbox Evaluera QGIS-uttryck i HTML-kod för att se resultatet av det uttryck du har inkluderat, annars ser du uttrycket istället.

  • Använd knappen Refresh HTML för att uppdatera HTML-rutan/rutorna och se resultatet av ändringarna.

18.2.10.2. Ramar

Gruppen Frames i panelen HTML frame Item Properties ger följande funktioner (se Fig. 18.58):

../../../../_images/html_frame.png

Fig. 18.58 HTML-ram, egenskaperna för ramar

  • Med Resize mode kan du välja hur HTML-innehållet ska återges:

    • Use existing frames visar resultatet endast i den första ramen och i tillagda ramar.

    • Extend to next page skapar så många ramar (och motsvarande sidor) som behövs för att återge webbsidans höjd. Varje ram kan flyttas runt på layouten. Om du ändrar storlek på en ram kommer webbsidan att delas upp mellan de andra ramarna. Den sista ramen trimmas så att den passar webbsidan.

    • Repeat on every page kommer att upprepa den övre vänstra delen av webbsidan på varje sida i ramar av samma storlek.

    • Upprepa tills det är klart skapar också lika många ramar som alternativet Förläng till nästa sida, förutom att alla ramar har samma storlek.

  • Använd knappen Add Frame för att lägga till en ny ram med samma storlek som den valda ramen. Om HTML-sidan inte ryms i den första ramen kommer den att fortsätta i nästa ram när du använder Resize mode eller Use existing frames.

  • Aktivera checkbox :guilabel:``Exportera inte sidan om ramen är tom` förhindrar att sidan exporteras när ramen inte har något HTML-innehåll. Detta innebär att alla andra layoutobjekt, kartor, skalstreck, legender etc. inte kommer att synas i resultatet.

  • Activate checkbox Don’t draw background if frame is empty förhindrar att HTML-ramen ritas om ramen är tom.

18.2.10.3. Använd smarta sidbrytningar och User Style Sheet

Dialogrutorna Use smart page breaks och User style sheet i panelen HTML frame Item Properties har följande funktioner (se Fig. 18.59):

../../../../_images/html_breaks.png

Fig. 18.59 HTML-ram, användning av smarta sidbrytningar och egenskaper för användarstilmallar

  • Aktivera checkbox :guilabel:Använd smarta sidbrytningar för att förhindra att html-rutans innehåll bryts mitt i en textrad så att den fortsätter snyggt och smidigt i nästa ruta.

  • Ställ in det Maximala avstånd som tillåts vid beräkning av var sidbrytningar ska placeras i html. Detta avstånd är den maximala mängd tomt utrymme som tillåts längst ned i en ram efter beräkning av den optimala brytplatsen. Ett större värde ger bättre val av plats för sidbrytning, men mer bortkastat utrymme längst ned i ramarna. Detta används endast när :guilabel:Use smart page breaks är aktiverat.

  • Aktivera checkbox User style sheet för att tillämpa HTML-stilar som ofta tillhandahålls i kaskadstilmallar. Ett exempel på stilkod ges nedan för att ställa in färgen på <h1> header tag till grön och ställa in teckensnitt och teckenstorlek för text som ingår i stycketaggar <p>.

    h1 {color: #00ff00;
    }
    p {font-family: "Times New Roman", Times, serif;
       font-size: 20px;
    }
    
  • Använd knappen Update HTML för att se resultatet av inställningarna för formatmallen.