Вывод на странице штрихкода (barcode) и QR кода

 

Генерация штрихкода в HTML

Используем специальный шрифт (он лежит в /content/fonts/barcodefont.ttf). 

На странице выводим числовой код: 

<div class="barcode">1321232</div>

И подключаем шрифт: 

@font-face {
  font-family: Barcode;
  src: url(/content/fonts/BarcodeFont.ttf);
  font-weight: bold;
}

.barcode{font-size: 150px; font-family: Barcode}

Генерация штрихкода также возможна в виде создания картинки на сервере (как Внешнее действие через image generator)

Генерация QR кода в HTML 

Первый вариант (предпочтительный, внедрен в марте 2026). Использовать встроенный компонент as-qr.  При обработке внутри элемента будет создан img с нужным кодом.

<div class="as-qr" data-text="asda" data-width="100" data-height="100" data-color="#008" data-backcolor="#ccc">
</div>

Параметры:

Второй вариант. Использование сервиса Google (но могут быть проблемы при использовании VPN): 

<img id="barcode" src="https://api.qrserver.com/v1/create-qr-code/ data=HelloWorld&amp;size=100x100" alt="" title="HELLO" width="50" height="50">

Подробнее: https://stackoverflow.com/questions/30115242/generating-a-simple-qr-code-with-just-html

Страница-источник на сайте falconspace.ru