Liquid Language Grammar for highlight.js

November 25, 2024 ยท View on GitHub

license

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/highlightjs-liquid@0.9.1/dist/liquid.min.js"
></script>

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