將條碼新增至PDF輸出
條碼是電腦可讀取的資料模式。 客戶可使用條碼掃描器或其智慧型手機相機掃描條碼。 產品詳細資料、詳細目錄編號或網站URL等編碼資訊可能會有所幫助。 新增條碼可協助您輕鬆擷取資料、增強客戶體驗，以及促進更優異的資料管理和安全性。
您可以建立條碼的樣式。 並用來在頁面配置中插入條碼。 您可以套用樣式至所需版面配置中的範例條碼。
本教學課程可協助您在PDF輸出中新增條碼。
產生條碼的步驟
若要產生條碼，請執行下列步驟：
更新範本的CSS以轉譯條碼值
修改 layout.css 檔案以在PDF產生期間呈現條碼。 支援各種條碼型別，例如「qrcode」和「pdf417」。 如需詳細資訊，請檢視 條碼型別.
...
.barcode {
-ro-replacedelement: barcode;
-ro-barcode-type: code128;
-ro-barcode-size: 100%;
-ro-barcode-content: content();
object-fit: contain;
margin-top: 2mm;
}
...
使用CSS樣式產生條碼
您可以用不同的方式產生條碼。 部分範例如下：
範例 1
在範本標題中新增條碼預留位置並套用樣式：
-
編輯 範本 > 頁面配置
-
選取版面配置。 例如，您可以選取「封底」頁面版面，其中包含頁首或頁尾。
-
將下列範圍新增至您要插入條碼的位置。
<span class="barcode">Sample barcode</span></p>。note note NOTE 使用您在中定義的相同類別名稱 layout.css. -
取代
<Sample barcode>使用您要條碼掃描器讀取的值……
您可以使用範本產生輸出PDF時檢視條碼，其中包括頁面配置。 執行完上述步驟後，即可使用條碼產生PDF輸出。
下列熒幕擷圖顯示PDF輸出中的條碼範例。
範例 2
修改 Common.plt 中的檔案 基本 範本以在專案標題後新增條碼。
若要建立ISBN號碼的條碼，請新增ISBN號碼。 然後使用ISBN編號來產生條碼。
...
<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>
}
...
範例 3
若要使用地圖中繼資料建立條碼：
使用中出現的任何中繼資料 <topicmeta> 要顯示為條碼的DITA map元素。 確定使用正確的XPath。 例如，您可以新增 <resourceid> 在 <topicmeta> DITA map的URL。
在以下範例中，資源ID會作為產生條碼的主要輸入。
<?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>
您可以在頁面配置中使用資源ID，如下所示：
<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>
}
條碼型別 barcode-types
部分常用的條碼如下：