Lägga till en streckkod i PDF-utdata
En streckkod är ett datamönster som datorer kan läsa. Kunderna kan skanna streckkoder med en streckkodsläsare eller en smarttelefonkamera. Kodningsinformation som produktinformation, inventeringsnummer eller webb-URL:er kan vara användbar. Genom att lägga till streckkoder kan ni enkelt hämta in data, förbättra kundupplevelsen och underlätta bättre datahantering och säkerhet.
Du kan skapa ett format för streckkoden. och använda den för att infoga en streckkod i en sidlayout. Du kan använda formatet på en exempelstreckkod i den önskade sidlayouten.
Den här självstudiekursen hjälper dig att lägga till streckkoder i utdata från PDF.
Steg för att generera en streckkod
Så här genererar du en streckkod:
Uppdatera mallens CSS för att återge ett streckkodsvärde
Ändra filen layout.css
om du vill återge en streckkod under genereringen av PDF. Olika streckkodstyper som qrcode och pdf417 stöds. Mer information finns i Streckkodstyper.
...
.barcode {
-ro-replacedelement: barcode;
-ro-barcode-type: code128;
-ro-barcode-size: 100%;
-ro-barcode-content: content();
object-fit: contain;
margin-top: 2mm;
}
...
Använd CSS-formatet för att generera streckkoden
Du kan generera streckkoden på olika sätt. Några av exemplen är följande:
Exempel 1
Lägg till en streckkodsplatshållare i mallhuvudet och använd formatet:
-
Redigera mallar > Sidlayouter
-
Välj en sidlayout. Du kan till exempel välja sidlayouten BakåtOmslag, som innehåller sidhuvudet eller sidfoten.
-
Lägg till följande intervall på den plats där du vill infoga streckkoden.
<span class="barcode">Sample barcode</span></p>
.note note NOTE Använd samma klassnamn som du har definierat i layout.css
. -
Ersätt
<Sample barcode>
med det värde som du vill att streckkodsläsaren ska läsa.
Du kan visa streckkoden när du genererar utdata PDF med hjälp av mallen, som innehåller sidlayouten. När du har utfört de föregående stegen kan du generera PDF-utdata med en streckkod.
I följande skärmbild visas en exempelstreckkod i utdata från PDF.
Exempel 2
Ändra filen Common.plt
i mallen Grundläggande om du vill lägga till en streckkod efter projekttiteln.
Om du vill skapa en streckkod för ett ISBN-nummer lägger du till ett ISBN-nummer. Använd sedan ISBN-numret för att generera streckkoden.
...
<div data-region="header">
<p class="chapter-header"><span data-field="project-title" data-format="default">Project Title</span> </p>
<p><span class="barcode">978-1-56619-909-4</span></p>
</div>
}
...
Exempel 3
Så här skapar du en streckkod med hjälp av mappningsmetadata:
Använd alla metadata som finns i elementet <topicmeta>
i en DITA-karta som ska visas som streckkod. Se till att du använder rätt XPath. Du kan till exempel lägga till <resourceid>
i <topicmeta>
för en DITA-karta.
I följande exempel fungerar resurs-ID som huvudindata för att generera streckkoden.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE map PUBLIC "-//OASIS//DTD DITA Map//EN" "technicalContent/dtd/map.dtd">
<map id="GUID-3c330691-4dac-4020-904a-d2d6246aeeb1-en">
<title>Barcode Sample</title>
<topicmeta>
<resourceid id="7a5bda1c-b1db-4fd8-8763-a731e2e8abba">
</resourceid>
</topicmeta>
<topicref href="GUID-139f6c64-bea3-4f17-8b22-ee131557e249-en.dita" type="topic">
</topicref>
</map>
Du kan använda resurs-ID:t i en sidlayout på följande sätt:
<div data-region="header">
<p class="chapter-header"><span data-field="project-title" data-format="default">Project Title</span> </p>
<p><span class="barcode" data-field="metadata" data-format="default" data-subtype="//resourceid/@id">Resource ID (barcode)</span></p>
</div>
}
Streckkodstyper barcode-types
Några av de vanligaste streckkoderna är följande: