A Server-Side JavaScript (SSJS) application for use in email and landing pages.
- HTML Table
- Scalable Vector Graphics (SVG)
<script runat="server">
<!-- src/qrcode.sfmc.ssjs.js -->
var qrCodeHTMLTable = new QRCode("https://www.salesforce.com").table();
Write(qrCodeHTMLTable);
var qrCodeSVG = new QRCode({
"content" : "https://www.salesforce.com",
"padding" : 0,
"width": 300,
"height": 300,
"color": "black",
"background": "white",
"ecl" : "L",
"pretty" : false
}).svg();
Write("<br>");
Write(qrCodeSVG);
</script>
| Name | Default | Required | Description |
|---|---|---|---|
content |
undefined |
Yes | The text string/URL to encode (e.g., https://www.salesforce.com) |
width |
300 | No | The width of the QR code, in pixels |
height |
300 | No | The height of the QR code, in pixels |
color |
#000000 | No | The color name/hex value of the data modules |
background |
#ffffff | No | The color name/hex value of the background |
ecl |
L | No | The error correction level of the QR code |
pretty |
true |
No | Apply indents and new lines to returned text |
| Name | Default | Required | Description |
|---|---|---|---|
inlineStyle |
true |
No | Apply inline CSS to the HTML table and each data cell element using the options above. Setting this to false removes the width, height, color, and background options, forcing you to recreate them outside the QR code with a style sheet. Given the file size constraints of email, false is recommended. |
| Name | Default | Required | Description |
|---|---|---|---|
padding |
0 | No | The amount of white space around the image, in modules |
join |
false |
No | Join modules into one SVG path, i.e. for crisp rendering |
predefined |
false |
No | Use 'defs' and 'use' elements in SVG, i.e. for compact output |
xmlDeclaration |
false |
No | Prepend XML declaration to the SVG document |
container |
svg | No | Wrapping element (svg/svg-viewbox/g/none; see below) |
- svg - populate squares in a SVG document with width and height attribute, recommended for converting to raster images or PDF where QR Code is being static (exact size)
- svg-viewbox - populate squares in a SVG document with viewBox attriute, recommended for responsive web pages
- g - put squares in g element, useful when you need to put multiple QR Codes in a single SVG document
- none - no wrapper
This repo is a fork of qrcode-svg, itself a fork of qrcodejs. Both use client-side JavaScript to render QR codes in the browser, whereas this library is intended to run on the Marketing Cloud server. To make this possible, each function was downgraded to ECMAScript 3, removing references to the DOM along with unsupported features and keywords. Further optimizations and bug fixes can be submitted via a pull request.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent