Een streepjescode toevoegen aan de PDF-uitvoer

Een streepjescode is een gegevenspatroon dat machines kunnen lezen. Klanten kunnen streepjescodes scannen met een streepjescodescanner of hun smartphonecamera. Coderingsgegevens zoals productdetails, inventarisnummers of URL's van websites kunnen nuttig zijn. Door streepjescodes toe te voegen, kunt u de gegevens gemakkelijk vastleggen, de klantervaring verbeteren en gegevensbeheer en -beveiliging verbeteren.

U kunt een stijl voor de streepjescode maken. en gebruiken om een streepjescode in te voegen in een paginalay-out. U kunt de stijl toepassen op een voorbeeldstreepjescode in de gewenste paginalay-out.

Deze zelfstudie helpt u streepjescodes toe te voegen aan de uitvoer van PDF.

Stappen voor het genereren van een streepjescode

Voer de volgende stappen uit om een streepjescode te genereren:

De CSS van de sjabloon bijwerken om een streepjescodewaarde te renderen

Wijzig de layout.css bestand om een streepjescode te renderen tijdens het genereren van de PDF. Verschillende typen streepjescodes, zoals 'qrcode' en 'pdf417', worden ondersteund. Voor meer informatie, bekijkt u Typen streepjescodes.

...
.barcode {
-ro-replacedelement: barcode;
-ro-barcode-type: code128;
-ro-barcode-size: 100%;
-ro-barcode-content: content();
object-fit: contain;
margin-top: 2mm;

}
...

De CSS-stijl gebruiken om de streepjescode te genereren

U kunt de streepjescode op verschillende manieren genereren. Enkele voorbeelden zijn als volgt:

Voorbeeld 1

Voeg een tijdelijke aanduiding voor streepjescodes toe aan de sjabloonkoptekst en pas de stijl toe:

U kunt de streepjescode bij het genereren van de uitvoer-PDF weergeven met behulp van de sjabloon, die de paginalay-out bevat. Nadat u de vorige stappen hebt uitgevoerd, kunt u de PDF-uitvoer genereren met een streepjescode.

In de volgende schermafbeelding wordt een voorbeeldstreepjescode weergegeven in een PDF-uitvoer.

Voorbeeld 2

Wijzig de Common.plt in het Basis sjabloon om een streepjescode toe te voegen na de projecttitel.

Als u een streepjescode voor een ISBN-nummer wilt maken, voegt u een ISBN-nummer toe. Gebruik vervolgens het ISBN-nummer om de streepjescode te genereren.

...

  <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>
}
...

Voorbeeld 3

Een streepjescode maken met de metagegevens van de kaart:

Alle metagegevens in het dialoogvenster <topicmeta> -element van een DITA-kaart die als streepjescode moet worden weergegeven. Zorg ervoor dat u het juiste XPath gebruikt. U kunt bijvoorbeeld een <resourceid> in de <topicmeta> van een DITA-kaart.

In het volgende voorbeeld dient de bron-id als de belangrijkste invoer voor het genereren van de streepjescode.

<?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>

U kunt de bron-id als volgt gebruiken in een paginalay-out:

  <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>
}

Typen streepjescodes barcode-types

Enkele veelgebruikte streepjescodes zijn als volgt: