Liquid Language Grammar for highlight.js

A language grammar for Shopify's Liquid templating language in highlight.js.

Usage

Simply include the highlight.js library in your webpage or Node app, then load this module.

Static website or simple usage

Simply load the module after loading Highlight.js. You'll use the minified version found in the dist directory.

<script type="text/javascript" src="/path/to/highlight.min.js"></script>
<script type="text/javascript" src="/path/to/liquid.min.js"></script>
<script type="text/javascript">
  hljs.highlightAll();
</script>

Using directly from the UNPKG CDN

<script
  type="text/javascript"
  src="https://unpkg.com/[email protected]/dist/liquid.min.js"
></script>

• More info: https://unpkg.com

With Node or another build system

If you're using Node / Webpack / Rollup / Browserify, etc, simply require the language module, then register it with Highlight.js.

var hljs = require("highlight.js");
var hljsLiquid = require("highlightjs-liquid");

hljs.registerLanguage("liquid", hljsLiquid);
hljs.highlightAll();

License

This package is released under the MIT License. See LICENSE file for details.

Author & Maintainer

• Laurel King [email protected]
• Mathieu Legault [email protected]

Links

• The official site for the Highlight.js library is https://highlightjs.org/.
• The Highlight.js GitHub project: https://github.com/highlightjs/highlight.js
• Learn more about Liquid: https://shopify.dev/docs/api/liquid or https://shopify.github.io/liquid