JSFiddle - React, Tailwind, and code Playground
HTML
<!DOCTYPE html>
<html>
<head>
<!-- Incluye la biblioteca t2bprinter.js necesaria para manejar la impresora -->
<script src="https://labeldictate.com/text2barcode/lib/t2bprinter.js"></script>
<script>
// Función asincrónica que se encarga de imprimir una etiqueta
const printLabel = async () => {
// Nombre de la impresora objetivo
const printerName = "Bixolon SRP-330II";
// Contenido ZPL de la etiqueta a imprimir
const labelContent = `
<EscPos>
<Init/>
<QrCode justification="right">QR Test Text</QrCode>
<Feed lines="1"/>
<BarCode>1234567890</BarCode>
<Feed lines="1"/>
<Text fontWidth="3" fontHeight="3">Large Text</Text>
<Text fontWidth="2" fontHeight="2">Medium Text</Text>
<Text fontWidth="1" fontHeight="1">Small Text</Text>
<Feed lines="1"/>
<Text justification="left">Left</Text>
<Text justification="center">Center</Text>
<Text justification="right">Right</Text>
<Feed lines="1"/>
<Text underline="one-dot-thick">Underline</Text>
<Text bold="true">Bold</Text>
<Text inverse="true">Invested</Text>
<Feed lines="3" />
<Cut mode="full" />
</EscPos>
`;
try {
// Busca la impresora por su nombre
const printer = await T2bPrinter.find(it => it.name == printerName);
// Si se encuentra la impresora, envía el contenido ZPL para imprimir
if (printer) {
const result = await T2bPrinter.write(printer, labelContent);
// Muestra en la consola el resultado de la impresión
alert(JSON.stringify(result, null, 1));
} else {
// Si no se encuentra la impresora, muestra un error en la consola
alert(`Printer "${printerName}" not found.`);
...