# Liquid with Node.js This is a port of the original Liquid template engine from *Ruby* to *Node.js*. It uses Promises to support non-blocking/asynchronous variables, filters, and blocks. ## Features - Supports asynchronous variables, tags, functions and filters (helpers) - Supports [whitespace control](https://shopify.github.io/liquid/basics/whitespace/) - Allows custom tags and filters to be added - Supports full liquid syntax - Based on original Ruby code - High test coverage ## What does it look like? ```html

{{ product.name }}
Only {{ product.price | price }} {{ product.description | prettyprint | paragraph }}

``` ## Installation ```sh npm install liquid ``` ## Usage Liquid supports a very simple API based around the Liquid.Engine class. For standard use you can just pass it the content of a file and call render with an object. ```js const Liquid = require('liquid') const engine = new Liquid.Engine() engine .parse('hi {{name}}') .then(template => template.render({ name: 'tobi' })) .then(result => console.log(result)) // or engine .parseAndRender('hi {{name}}', { name: 'tobi' }) .then(result => console.log(result)) ``` ### Usage with Connect and Express ```js app.get((req, res, next) => { engine .parseAndRender('hi {{name}}', { name: 'tobi' }) .nodeify((err, result) => { if (err) { res.end('ERROR: ' + err) } else { res.end(result) } }) }) ``` ### Registering new filters ```javascript engine.registerFilters({ myFilter: input => { return String(input).toUpperCase() } }) ``` ### Registering new tags Take a look at the [existing tags](https://github.com/sirlantis/liquid-node/tree/master/lib/liquid/tags) to see how to implement them. ```js class MyTag extends Liquid.Tag { render () { return 'hello world' } } engine.registerTag('MyTag', MyTag) ``` ## Tests ```sh npm test ``` ## Similar libraries * [harttle/liquidjs](https://github.com/harttle/liquidjs) (`liquidjs` on npm) is another actively maintained Liquid parser and render for Node.js * [darthapo's Liquid.js](https://github.com/darthapo/liquid.js) is liquid ported to JavaScript to be run within the browser. It doesn't handle asynchrony. * [tchype's Liquid.js](https://github.com/tchype/liquid.js) is `liquid-node` wrapped to run in a browser. ## License [MIT](http://www.opensource.org/licenses/MIT) ## Contributors ✨ Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):

_{Marcel Jackwerth} 💻 📖	_{Tony C. Heupel} 💻	_{Chen Yangjian} 💻	_{Henri Bergius} 💻	_{Sam Tiffin} 💻	_{Kris Ciccarello} 💻	_{Cory Reed} 💻 💡 📖
_{Sebastian Seilund} 💻	_{Rob Loach} 💻	_{Sarah Schneider} 💻	_{Zeke Sikelianos} 💻 📖 🚧

This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

{{ product.name }}

			Stars	Issues	Version	Updated	Created	Size
	liquid				5.1.1	3 years ago	13 years ago
	marko				5.34.2	5 days ago	10 years ago

liquid vs marko

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past