Generate QRCodes easily. The included Panel-Field will show the QRCode and trigger download on click.
site/plugins/kirby3-qrcode
orgit submodule add https://github.com/bnomei/kirby3-qrcode.git site/plugins/kirby3-qrcode
orcomposer require bnomei/kirby3-qrcode
$qrcodeObject = new \Bnomei\QRCode([
'Text' => 'https://github.com/bnomei/kirby3-qrcode',
]);
echo $qrcodeObject->html('qrcode-plugin.png');
site/templates/default.php
// base64 encoded png image tag
// with $page->url() as Text
echo $page->qrcode()->html(
$page->slug() . '.png' // image format detected from extension
);
When saving you can in addtion to the filename provide additional content data for the file or force an overwrite (which will change UUID and media hash) with additional function params. The logic will use the currently logged-in user or impersonate as kirby
to create the file.
site/templates/default.php
$qrcodeFilename = $page->slug() . '.png';
$file = $page->file($qrcodeFilename);
if (!$file) {
// short version
$file = $page->qrcode()->save(
$qrcodeFilename
);
// with all params
$file = $page->qrcode()->save(
$qrcodeFilename,
'myfiletemplate', // or null
[/* my content data array */],
true // force overwrite
);
}
echo $file; // outputs a img tag
Why not overwrite file by default? Let's assume you want to send the qrcode by email. Then you do not want to overwrite later because that would change the media hash and break the URL to the image send within the email.
Could I not embed the qrcode inline using base-64 encoding? Technically yes, but almost no email clients would render it.
site/templates/default.qr.php
$page->qrcode()->download(
$page->slug() . '.png'
);
Advanced options can be set.
echo $page->qrcode([
'margin' => 10,
'encoding' => 'UTF-8',
'foregroundColor' => new \Endroid\QrCode\Color\Color(0, 0, 0),
'backgroundColor' => new \Endroid\QrCode\Color\Color(255, 255, 255),
'labelText' => 'Scan the code',
'logoPath' => __DIR__.'/../assets/images/getkirby.png',
'size' => 200,
])->html(
$page->slug() . '.png'
);
TIP: You could move that options array for frontend rendering into a config value or reuse the option('bnomei.qrcode.field') which defines the look inside the panel.
Add the field to a blueprint. This will show the QRCode as PNG image and will trigger the download of the file on click.
site/blueprints/default.yml
fields:
# current page
qrcode: qrcode
qrcode2:
type: qrcode
title: Text below image
# title with query
qrcode3:
type: qrcode
title: "{{ page.title }}"
# custom url
qrcode4:
type: qrcode
title: Panel Url of {{ page.title }}
url: "{{ page.panel.url }}"
# custom url and custom filename with |
qrcode4:
type: qrcode
title: Issue 7
url: "https://github.com/bnomei/kirby3-qrcode/issues/7|Issue 7"
You can define the options how the qrcode field shows the image inside the panel in your config file. Example:
site/config/config.php
<?php
return [
// other options...
// set values for qrcode inside the panel
'bnomei.qrcode.field' => [
'foregroundColor' => new \Endroid\QrCode\Color\Color(126, 154, 191),
'backgroundColor' => new \Endroid\QrCode\Color\Color(239, 239, 239),
'size' => 128,
'margin' => 0,
],
];
You can also reuse this in your frontend code like so:
$page->qrcode(option('bnomei.qrcode.field', []))->download(
$page->slug() . '.png'
);
This plugin is provided "as is" with no guarantee. Use it at your own risk and always test it yourself before using it in a production environment. If you find any issues, please create a new issue.
It is discouraged to use this plugin in any project that promotes racism, sexism, homophobia, animal abuse, violence or any other form of hate speech.
based on V2 versions of