Por mucho tiempo he buscado la manera de imprimir texto en español en un ticket con una impresora térmica desde JavaScript, incluyendo también la letra ñ, el signo de apertura de interrogación, etcétera.

Recibo de compra con acentos y letras ñ usando JavaScript e impresora térmica

Recibo de compra con acentos y letras ñ usando JavaScript e impresora térmica

Esto es necesario porque en varias ocasiones necesitamos colocar algo como ¡Gracias por su compra! al final del ticket, y si no contamos con el símbolo ¡ entonces el mensaje puede no verse bien.

Lo mismo pasa cuando el nombre de un cliente tiene acentos y necesitamos imprimirlo en el ticket. Por ello es que en este post te mostraré cómo imprimir texto con acentos en una impresora térmica usando JavaScript.

Configurando entorno

Para poder comunicarnos con impresoras térmicas desde JS vamos a usar un plugin. Mira antes el tutorial de instalación y uso básico:

Comunicar JavaScript con impresora térmica usando plugin v3

Ahora veamos el código en donde supondré que ya estás ejecutando el plugin, has impreso el ticket de prueba (además de haber compartido tu impresora) e importado el conector de JavaScript.

Probar si la impresora soporta acentos sin configurar nada

Algunas impresoras soportan la impresión de texto en español, acentos y eñes sin configurar nada. Solo debes imprimir el texto normalmente. Veamos el siguiente ejemplo:

Comenzamos creando una instancia del conector, una vez que la tenemos invocamos a EscribirTexto así:

En la impresora GOOJPRT PT-210 funciona sin configurar y la salida es igual a la que se ve a continuación:

Imprimir acentos en impresora térmica con JavaScript

Si en tu caso tu impresora no lo soporta vamos a ver una solución, ya que yo tengo una Xprinter X-58 y aparecen caracteres chinos o letras extrañas pero no aparece el texto en español.

Imprimiendo acentos

Ahora vamos a forzar a que tu impresora imprima texto con acentos. Si tu impresora es china deberías invocar al método DeshabilitarElModoDeCaracteresChinos y después de eso invocar a TextoSegunPaginaDeCodigos enviando el número de página, la codificación y el texto.

En mi caso he usado la página número 2 pero en lugar de cp860 (como debería ser) especifico cp850

Así puedo imprimir lo siguiente con todo y acentos, signos, etcétera:

cp850 con numero 2 ¿EL VELOZ MURCIÉLAGO
HINDÚ COMÍA FELIZ CARDILLO Y KIWI? ¡LA CIGÜEÑA TOCABA EL SAXOFÓN DETRÁS DEL
PALENQUE DE PAJA!.

cp850 con número 2 ¿el veloz murciélago hindú comía feliz
cardillo y kiwi? ¡la cigüeña tocaba el saxofón detrás del palenque de paja!.

El código queda como se ve a continuación:

El resultado del ejemplo es:

Texto con acentos y página de códigos

Ejemplo completo: ticket de venta

Recibo de compra con acentos y letras ñ usando JavaScript e impresora térmica

Recibo de compra con acentos y letras ñ usando JavaScript e impresora térmica

Para demostrar más las capacidades de este plugin voy a crear un pequeño ticket de venta. El código queda así:

En este caso el nombre del cliente lleva acentos, el mensaje al final del ticket lleva la letra ñ así como el símbolo de apertura de exclamación.

Al final puedes diseñar tus tickets como te parezca, aquí solo te demuestro las capacidades del plugin.

Poniendo todo junto

El código completo del ejemplo que te mostré anteriormente queda así:

Puedes ver el código completo y otros ejemplos en este repositorio de GitHub: https://github.com/parzibyte/ejemplos-javascript-plugin-v3

También puedes probar la demostración aquí: https://parzibyte.github.io/ejemplos-javascript-plugin-v3/acentos.html

Recuerda que para probarla el plugin debe estar ejecutándose en segundo plano en el equipo donde pruebes.

Sobre las páginas de códigos

Las páginas de códigos cambian dependiendo de la impresora. Al imprimir en la impresora no es necesario indicar la codificación, pero yo lo hago porque convierto los caracteres usando iconv.

Si no te funciona con una página de códigos deberías probar combinando el número y el nombre de la página o leyendo la documentación de tu impresora.

Por cierto, en este caso lo hicimos con JavaScript pero el plugin también funciona en Python, Java y cualquier lenguaje que hable HTTP. Los conectores están listados en: https://parzibyte.me/blog/2022/09/30/plugin-impresoras-termicas-version-3/

Recuerda que si necesitas ayuda puedes enviarme un mensaje en https://parzibyte.me/#contacto.


Estoy disponible para trabajar en tu proyecto o realizar tu tarea pendiente, no dudes en ponerte en contacto conmigo.
Si el post fue de tu agrado muestra tu apoyo compartiéndolo, suscribiéndote al blog, siguiéndome o realizando una donación.

Suscribir por correo

Ingresa tu correo y recibirás mis últimas entradas sobre programación, open source, bases de datos y todo lo relacionado con informática

Únete a otros 6,046 suscriptores

parzibyte

Programador freelancer listo para trabajar contigo. Aplicaciones web, móviles y de escritorio. PHP, Java, Go, Python, JavaScript, Kotlin y más :) https://parzibyte.me/blog/software-creado-por-parzibyte/

0 Comentarios

Deja un comentario

Marcador de posición del avatar

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

A %d blogueros les gusta esto: