Giter Club home page Giter Club logo

zpl-tool's Introduction

zpl-tool

zpl-tool is a webapp designed for managing multiple ZPL templates. It provides an easy-to-use interface for managing ZPL templates with the ability to insert variables such as ${MY_VARIABLE} directly into your templates. zpl-tool features a live preview of the templates (powered by labelary.com and/or BinaryKits.Zpl ), which automatically updates as you develop your template.

Besides template management, zpl-tool also provides support for managing multiple printers, including serial and tcp network printers.

Features

  • โœ๏ธ Manage Multiple ZPL Templates: Easily handle multiple ZPL templates with variable support.
  • ๐Ÿ” Live Template Preview: Generates a live preview of the templates with automatic updates when testing variables.
  • ๐Ÿ–จ๏ธ Support for Multiple Printers: Manage multiple printers, including Serial and TCP printers.
  • ๐Ÿ”ข Bulk Printing: Efficiently print in bulk by providing a CSV file.
  • ๐Ÿ“„ PDF Printing: Print any PDF file.

Quick Start

Run zpl-tool using Docker / Docker Compose

Using docker-compose:

Create a file named docker-compose.yml in your directory and paste the following content:

version: '3'

services:
  zpl-tool:
  image: ghcr.io/enoy19/zpl-tool:main
  ports:
    - '3000:3000'
  volumes:
    - './data:/app/data'

After saving the file, run the following command to start zpl-tool:

docker compose up

zpl-tool will be available at http://localhost:3000.

Using docker run:

You can use the following docker run command:

docker run -p 3000:3000 -v $(pwd)/data:/app/data ghcr.io/enoy19/zpl-tool:main

After running this command, zpl-tool will be available at http://localhost:3000.

Usage

Managing ZPL Templates

  • Create a New Template: Start typing into the textarea below Editor

  • Insert Variables: Insert variables into your template. Format: ${VARIABLE_NAME}. The variables will automatically be available in the Variables section.

  • Live Preview: When you edit your template or the values of your variables, the preview updates automatically.

    Printers

Managing Printers & Printing

  • Navigate to Printers: Click Printers in the navigation bar.

  • Add a Printer: Add a serial or tcp printer by entering the configuration and saving.

    Printers

  • Print:

    • Navigate back the the home page.

    • click on Print on one of your templates.

    • Select your printer in the dropdown next to the Print button

    • click Print

      Print

Printing PDF

  • Navigate to Print PDF: Click Print PDF in the navigation bar.
  • Drop your PDF: Drag&Drop you PDF file into the upload zone or click the zone and select your file.
  • Print: Click print!
  • โš ๏ธ IMPORTANT โš ๏ธ: You need to configure the Printer dimensions and dpmm in the Printers page.

Developing

Prerequisites

Once you've cloned the repository and installed dependencies with npm install (or pnpm install or yarn), start a development server:

npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open

Building

To create a production version of your app:

npm run build

You can preview the production build with npm run preview.

To deploy your app, you may need to install an adapter for your target environment.

zpl-tool's People

Contributors

enoy19 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

sneakyfluffy

zpl-tool's Issues

USB printer not detected on windows 10

I added "Device Instance Path" from device details for the printer.
While printing from this application, it says printer <PATH_OF_MY_PRINTER> not found

The printer path is
USBPRINT\ZEBRA_TECHNOLOGIES_ZTC_ZD230-203DPI_ZPL\6&32827A83&0&USB001

How to set path of usb printer on windows? Is this the correct way of setting the path for windows OS?

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.