CSS in mã vạch

Để in nhãn mã vạch, hãy chuyển đến trang dành cho sản phẩm bạn muốn in nhãn. Bố cục mã vạch có sẵn được liệt kê dưới tiêu đề In ở phía bên tay phải

Nhãn mã vạch mặc định của chúng tôi trông như thế này

Chúng bao gồm

1. Thông tin con người có thể đọc được
   Logo, địa chỉ và tài sản hoặc số mã vạch của công ty bạn

2. mã vạch 2D
   Mã vạch dài ở dưới cùng là phiên bản có thể đọc được bằng máy của số tài sản hoặc số mã vạch được thiết lập đối với sản phẩm. Quét cái này để đặt trước hoặc đăng ký các mặt hàng

3. mã QR
   Mã hình vuông ở bên phải có thể được quét bằng ứng dụng mã QR và là lối tắt đến trang sản phẩm trong RMS hiện tại – tuyệt vời để lấy tất cả thông tin chi tiết về sản phẩm trên thiết bị di động của bạn. Bạn cũng có thể quét bằng máy quét mã QR này để đặt chỗ và nhận phòng

Để in, chúng tôi khuyên bạn nên sử dụng nút Tải xuống PDF màu xanh lam ở trên cùng

In nhãn cho một tài sản

Đối với các sản phẩm được đăng nhiều kỳ, mở bố cục mã vạch từ trang sản phẩm sẽ hiển thị tất cả nội dung

Nếu bạn chỉ muốn in nhãn cho một tài sản, hãy tìm tài sản đó trong danh sách cấp chứng khoán và chọn Xem từ menu mũi tên màu xanh lam. Có một liên kết để in nhãn cho nội dung đó ở phía bên phải của trang

Tùy chỉnh nhãn của bạn

Nhãn mặc định của chúng tôi là 65 x 35 mm, nhưng nếu nhãn của bạn có kích thước khác hoặc bạn muốn tùy chỉnh bố cục thì chúng có thể được sửa đổi

Nhãn mã vạch là bố cục tài liệu có thể được thay đổi giống như cách mà báo giá, hóa đơn và các tài liệu khác của chúng tôi có thể thay đổi. Đi tới Thiết lập hệ thống > Bố cục tài liệu và sao chép tài liệu để có quyền truy cập vào HTML & CSS tạo nên tài liệu đó

Không quen thuộc với HTML & CSS?

Bạn gặp sự cố khi in?

Máy in mã vạch có thể khó khắc phục sự cố, sau đây là một vài điều cần thử

• In từ PDF

• Kiểm tra cài đặt bố cục máy in của bạn để đảm bảo rằng bạn đã chọn kích thước trang phù hợp với kích thước nhãn của mình

• Đảm bảo rằng cài đặt bố cục máy in của bạn có lề chính xác trên chúng

• Đảm bảo rằng bạn đã thiết lập đúng máy in của mình và có trình điều khiển mới nhất

Chúng tôi không thể cung cấp hỗ trợ cho máy in mã vạch của bạn, nhưng chúng tôi sẵn lòng trợ giúp khắc phục sự cố chung. Sử dụng bong bóng trợ giúp màu xanh lục để bắt đầu cuộc trò chuyện. ↘️

Sản phẩmTiến độ Mã vạch giao diện người dùng KendoHệ điều hànhWindows 10 64bitBrowserEdgePhiên bản trình duyệtMicrosoft Edge 40. 15063. 0. 0 Làm bằng phiên bản 2017. 3. 1018

Làm cách nào tôi có thể in Mã vạch giao diện người dùng Kendo?

Mở một cửa sổ mới và đặt các phần tử Mã vạch DOM trên trang

    Print
    

    
    
    
    

Thiết kế mẫu dành cho nhà phát triển là một tính năng nâng cao và yêu cầu kiến ​​thức làm việc về HTML và CSS. Nếu bạn không thoải mái với việc tự thay đổi mẫu, hãy liên hệ với nhóm hỗ trợ của chúng tôi

CHỈ DÀNH CHO NHÀ PHÁT TRIỂN

Mẫu mã vạch dành cho nhà phát triển không được khuyến nghị cho hầu hết người dùng. Đôi khi bộ phận hỗ trợ của SKULabs sẽ tạo một mẫu tùy chỉnh cho bạn nhưng chúng tôi khuyên bạn không nên thay đổi cài đặt của mẫu đó trừ khi bạn đã rất quen thuộc với việc phát triển trang web

Cấu hình

• Tên - Tên của mẫu được tham chiếu trong ứng dụng

• Chiều rộng trang - Chiều rộng (tính bằng inch) của một trang của mẫu mã vạch

• Chiều cao trang - Chiều cao (tính bằng inch) của một trang của mẫu mã vạch

• PPI - Pixels per inch (mật độ được sử dụng khi tạo trang). Bạn hiếm khi muốn đặt giá trị này thành bất kỳ giá trị nào khác ngoài 96

• Hiển thị HRI - Hiển thị số nhận dạng có thể đọc được của con người (chữ và số bên dưới mã vạch)

• Kích thước phông chữ HRI - Kích thước phông chữ cho số nhận dạng có thể đọc được của con người (tính bằng pixel)

• Per Page - Số lượng mã vạch để đặt trên một trang trước khi phá vỡ

• Chiều rộng mã vạch - Chiều rộng của mỗi dòng trong mã vạch (tính bằng pixel). Bạn hiếm khi muốn đặt giá trị này cao hơn 1 hoặc 2

  Bài viết này khám phá việc sử dụng Javascript, Ngôn ngữ đánh dấu siêu văn bản (HTML) và Cascading Style Sheets (CSS) để tạo mã vạch Code 39. Giải pháp được mô tả này không sử dụng hình ảnh đồ họa và khắc phục các sự cố liên quan đến sự hỗ trợ hạn chế của tính năng URI Dữ liệu trong một số trình duyệt. Các tập lệnh phía máy chủ cũng không bắt buộc như các bước tạo mã vạch e. g. xác thực dữ liệu, kiểm tra việc tạo ký tự và tạo mã vạch HTML được thực hiện trong Javascript

  Tiểu sử

  Một trong những mục tiêu của bài viết này là có một giải pháp để tạo mã vạch bằng công nghệ trình duyệt thuần túy (phía máy khách). Điều đầu tiên bạn nghĩ đến là sử dụng các hình ảnh đồ họa, đặc biệt khi xem xét rằng mã vạch bao gồm một chuỗi các thanh màu đen và trắng. Nhiều trình duyệt hiện đại cũng hỗ trợ khả năng Bộ định vị tài nguyên đồng nhất (URI) dữ liệu. Khả năng này cho phép một trang web bao gồm dữ liệu nội tuyến như hình ảnh như thể chúng là tài nguyên bên ngoài

  Tuy nhiên, một trong những trình duyệt được sử dụng phổ biến nhất, Internet Explorer (kể từ phiên bản v8 hiện tại. 0) không hỗ trợ đầy đủ URI dữ liệu. Trong IE8, URI dữ liệu phải nhỏ hơn 32KB. Điều này gây ra sự cố khi chúng tôi yêu cầu hình ảnh mã vạch lớn hơn 32KB

  Một giải pháp khác là tạo hình ảnh mã vạch ở phía máy chủ. Tuy nhiên, có nhiều công nghệ máy chủ được sử dụng ngày nay bao gồm nhưng không giới hạn ở Java,. Mạng, PHP, Perl, Python và Ruby. Chúng tôi hy vọng sẽ có một giải pháp hoạt động trên tất cả các nền tảng máy chủ. Điều này có nghĩa là giải pháp của chúng tôi phải được triển khai ở phía trình duyệt (máy khách) mà không sử dụng hình ảnh đồ họa

  Giải pháp

  Cách đơn giản và dễ dàng nhất để hiển thị mã vạch trên trang web là sử dụng màu nền trong bảng HTML. Mỗi thanh màu đen và trắng của mã vạch có thể được thể hiện bằng các cột khác nhau của bảng bằng cách sử dụng các màu khác nhau. Tuy nhiên, sau khi điều tra thêm, việc triển khai này dễ gặp vấn đề. Trình duyệt hiện đại e. g. Internet Explorer, triển khai các tính năng để bật và tắt tính năng in màu nền và hình ảnh. Theo mặc định, tùy chọn này được đặt thành "tắt", tôi. e. khi mã vạch (được tạo bằng bảng HTML) được in, mã vạch có thể không xuất hiện do trình duyệt chọn không in nền. Để in các mã vạch như vậy, người dùng cần làm theo hướng dẫn để bật tùy chọn "In màu nền và hình ảnh"

  Sau nhiều suy nghĩ và phân tích, chúng tôi sử dụng một giải pháp để sử dụng phần tử nhịp HTML. Một ví dụ như sau

  HTML

  <SPAN style="BORDER-LEFT: black 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.06in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: black 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>

  Mã vạch được biểu thị bằng một loạt các phần tử nhịp, mỗi phần tử có chiều rộng khác nhau biểu thị một thanh mã vạch. Các phần tử span cũng có màu đen và trắng xen kẽ mà không có bất kỳ khoảng cách nào giữa chúng. Mã Javascript, có trong tệp zip nguồn, về cơ bản chuyển đổi dữ liệu đầu vào thành một chuỗi các thanh đen trắng xen kẽ như hình bên dưới. Phần Văn bản có thể đọc được của con người của mã vạch cũng được hiển thị bằng văn bản HTML

  Sử dụng mã

  Tạo một tệp HTML (hoặc bạn có thể sử dụng Code39Barcode. html được cung cấp trong tệp zip nguồn). Trong file bao gồm script tạo mã vạch Code 39

  HTML

  <script type="text/javascript" src="code39.js"></script>

  Tập lệnh cho phép tạo mã vạch Code 39. Tham số đầu tiên là dữ liệu đầu vào và tham số thứ hai là cho biết có tạo ký tự kiểm tra hay không

  HTML

  DrawCode39Barcode("123456",1);

  Để sử dụng chức năng trên, hãy đưa phần sau vào phần thân của tệp HTML

  HTML

  <div id="externalbox" style="width:4in">
  <div id="inputdata">123456</div>
  </div>
   
  <br />
   
  <script type="text/javascript">
  /* 
    function get_object(id) {
     var object = null;
     if (document.layers) {
      object = document.layers[id];
     } else if (document.all) {
      object = document.all[id];
     } else if (document.getElementById) {
      object = document.getElementById(id);
     }
     return object;
    }
  get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,1);
  /* ]]> */
  </script>

  Hành động chính là trong dòng

  HTML

  get_object("inputdata").innerHTML=DrawCode39Barcode(get_object("inputdata").innerHTML,1);

  Dòng mã này lấy phần tử div của id="inputdata" và thay thế nó bằng đầu ra của hàm Javascript DrawCode39Barcode. Đầu ra của hàm là một loạt các phần tử nhịp như mô tả ở trên

  Đầu ra của tệp HTML như hình dưới đây

  Hiểu Mã

  Mã Javascript dịch các ký tự dữ liệu đầu vào thành một loạt các mẫu mã vạch và sau đó chuyển đổi các mẫu này thành một loạt các phần tử nhịp HTML. Ví dụ: ký tự "1" được dịch sang mẫu "wttwtttttwt". 't' được gọi là thanh mỏng của mã vạch trong khi 'w' được gọi là thanh dày của mã vạch. Theo quy cách Code 39, thanh dày có thể gấp 2-3 lần chiều rộng của thanh mỏng. Vì vậy, bước đầu tiên để tạo mã vạch Code 39 có nghĩa là dịch dữ liệu đầu vào sang một loạt các mẫu vạch dày và mỏng. Ví dụ: đầu vào "123" có thể được dịch sang các mẫu sau

  "wttwtttttwtttwwtttttwtwtwwtttttt"

  Chức năng Javascript "EncodeCode39" thực hiện nhiệm vụ của những gì được mô tả ở trên

  JavaScript

  function EncodeCode39(data,checkDigit)
            {
                var fontOutput = ConnectCode_Encode_Code39(data,checkDigit);
                var output = "";
                var pattern = "";
                for (x = 0; x < fontOutput.length; x++)
                {
                    switch (fontOutput.substr(x,1))
                    {
                        case '1':
                            pattern = "wttwttttwt";
                            break;
                        case '2':
                            pattern = "ttwwttttwt";
                            break;
                        case '3':
                            pattern = "wtwwtttttt";
                .
                .
                .
                .
                .
                        case 'Z':
                            pattern = "twwtwttttt";
                            break;
                default : break;
                    }
                    output=output+pattern;
                }
                return output;
            }
  

  Bước tiếp theo liên quan đến việc dịch các mẫu mã vạch sang một loạt các phần tử nhịp HTML

  "wttwtttttwtttwwtttttwtwtwwtttttt"

  Một loạt các mẫu trên được dịch sang sau

  HTML

  <SPAN style="BORDER-LEFT: black 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.06in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: black 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: black 0.06in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: black 0.06in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  <SPAN style="BORDER-LEFT: white 0.02in solid; DISPLAY: inline-block; HEIGHT: 1in"></SPAN>
  .
  .
  .

  Mã để thực hiện tác vụ này được tìm thấy trong hàm "DrawBarcode_Code39". Các chức năng khác đáng được đề cập là mã để tạo Ký tự kiểm tra. Điều này có thể được tìm thấy trong chức năng "generateCheckDigit"

  Điểm quan tâm

  Giải pháp đã được thử nghiệm để hoạt động trên các trình duyệt sau

  • TỨC LÀ 6, 7 và 8
  • firefox 3. 5+
  • Chrome 5,6
  • Opera 10+
  • Safari 5

  Khi mã vạch được in, chúng có thể dễ dàng được quét bởi nhiều nhãn hiệu máy quét mã vạch khác nhau. Trên hết, hầu hết các trình duyệt mới hơn cũng có xu hướng tôn trọng cài đặt độ rộng của phần tử nhịp HTML rất chính xác. Điều này cho phép tạo mã vạch rất chính xác. Hơn nữa, điều quan trọng cần nhớ là giải pháp này rất thú vị vì nó không sử dụng công nghệ hình ảnh đồ họa hoặc lập trình phía máy chủ

  Giấy phép

  Bài viết này, cùng với mọi tệp và mã nguồn liên quan, được cấp phép theo Giấy phép Công cộng GNU (GPLv3)

  
  

  Được viết bởi

  Mã kết nối

  Singapore

  Thành viên này chưa cung cấp Tiểu sử. Giả sử nó thú vị và đa dạng, và có lẽ là một cái gì đó liên quan đến lập trình

  Làm cách nào để in mã vạch trong HTML?

  Bước 1. Tạo biểu mẫu HTML Trình tạo mã vạch đầu vào. Đầu tiên, tạo biểu mẫu HTML trình tạo mã vạch jQuery để điền mã và chọn loại mã vạch và định dạng đầu ra. .

  Bước 2. Bao gồm tệp thư viện jQuery mới nhất. .

  Bước 3. Tạo vùng chứa để hiển thị mã vạch. .

  Bước 4. Tập lệnh triển khai Trình tạo mã vạch jQuery

  Làm cách nào để in mã vạch trong JavaScript?

  Các bước để chạy ứng dụng này. .

  Tải xuống thư viện Javascript JsBarcode và tải nó lên (như hiện tại, không "làm đẹp") lên phiên bản của bạn dưới dạng UI Script. .

  Tạo macro giao diện người dùng (đặt tên là "barcode_label") và sử dụng đoạn mã bên dưới làm điểm bắt đầu. .

  Tạo Formatter "Nhãn mã vạch" như hình bên dưới

  Tôi có thể in mã vạch trên máy in của mình không?

  Hầu hết mã vạch bán lẻ có thể được in bằng máy in 203 dpi .

  Bạn có thể in mã vạch UPC không?

  Bạn có thể in một số loại mã khác nhau từ bên trong Word . Có sẵn các mã 1D như CODE128, CODE39, UPC A và UPC E, và EAN, đồng thời mã vạch 2D, mã QR, cũng được bao gồm.