Tekst źródłowy strony Generator kodów kreskowych

Kody kreskowe są szeroko wykorzystywane w przedsiębiorstwach do automatyzacji procesów biznesowych, takich jak śledzenie stanów magazynowych, monitorowanie przesyłek i zarządzanie produkcją. Mogą być również wykorzystywane w punktach sprzedaży do skanowania produktów i przyspieszenia procesu kasowania. 

Poniższy generator kodów umożliwia wygenerowanie dowolnej liczby kodów kreskowych. Kody te będą wygenerowane w formacie CODE128, który jest możliwy do odczytania przez większość skanerów.

Wpisz tekst, a następnie naciśnij przycisk "Generuj kody kreskowe". Każda linia z pola tekstowego będzie zamieniona na osobny kod kreskowy.

<html>
  <head>
    <meta charset="utf-8">
    <style>
table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

th {
  background-color: #f2f2f2;
}
    </style>
	
    <script src="https://cdn.jsdelivr.net/npm/jsbarcode@3.11.5/dist/JsBarcode.all.min.js"></script>
	
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.debug.js"></script>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf-autotable/3.5.16/jspdf.plugin.autotable.min.js"></script>
    <script type="text/javascript">
		function generateBarcodes() {
		  var inputText = document.getElementById("inputText").value;
		  var barcodesTable = document.getElementById("barcodesTable");
		  barcodesTable.innerHTML = "<table id=\"barcodesTable\"><tr><th>Tekst</th><th>Kod kreskowy</th></tr></table>"; // wyczyść tabelkę
		  var barcodes = inputText.split("\n");
		  for (var i = 0; i < barcodes.length; i++) {
			if (barcodes[i].trim() !== "") { // dodaj warunek, który ignoruje puste linie
			  var tr = document.createElement("tr");
			  var textCell = document.createElement("td");
			  textCell.appendChild(document.createTextNode(barcodes[i]));
			  var barcodeCell = document.createElement("td");
			  barcodeCell.classList.add("code");
			  barcodeCell.appendChild(createBarcodeImage(barcodes[i]));
			  tr.appendChild(textCell);
			  tr.appendChild(barcodeCell);
			  barcodesTable.appendChild(tr);
			}
		  }

		}
      function createBarcodeImage(text) {
        var canvas = document.createElement("canvas");
        JsBarcode(canvas, text, {
          format: "CODE128",
          displayValue: true,
          fontSize: 16,
          height: 55, //45
          margin: 5 // 10
        });
        var img = document.createElement("img");
        img.src = canvas.toDataURL("image/png");
        img.height = 55;  //45
        img.style.marginTop = "5px";  //10
        return img;
      }
	  
function exportToPdf() {
var pdf = new jsPDF('p', 'pt', 'A4')


// source can be HTML-formatted string, or a reference
// to an actual DOM element from which the text will be scraped.
, source = $('#barcodesTable')[0]

// we support special element handlers. Register them with jQuery-style
// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
// There is no support for any other type of selectors
// (class, of compound) at this time.
, specialElementHandlers = {
	// element with id of "bypass" - jQuery style selector
	'#bypassme': function(element, renderer){
		// true = "handled elsewhere, bypass text extraction"
		return true
	}
}


margins = {
    top: 60,
    bottom: 60,
    left: 40,
    width: 522 //522
  };
  
pdf.setFontSize(16);
pdf.text(20, 30, 'Kody kreskowe wygenerowane na stronie www.system-kanban.pl .');

  // all coords and widths are in jsPDF instance's declared units
  // 'inches' in this case
pdf.fromHTML(
  	source // HTML string or DOM elem ref.
  	, margins.left // x coord
  	, margins.top // y coord
  	, {
  		'width': margins.width // max width of content on PDF
  		, 'elementHandlers': specialElementHandlers
  	},
  	function (dispose) {
  	  // dispose: object with X, Y of the last line add to the PDF
  	  //          this allow the insertion of new lines after html
        pdf.save('Test.pdf');
      },
  	margins
  )

}

    </script>
	

  </head>
  <body>
    <textarea id="inputText" rows="10" cols="50"></textarea>
    <br>
    <button type="button" onclick="generateBarcodes()">Generuj kody kreskowe</button>
    <br>
    <br>
    <table id="barcodesTable">
      <tr>
        <th>Tekst</th>
        <th>Kod kreskowy</th>
      </tr>
    </table>
    <button type="button" onclick="exportToPdf()">Generuj PDF</button>
  </body>
</html>
[[Kategoria:Narzędzia]]