razorleaf

A template engine for HTML

0.9.6
Source
npm

Version published: 12 years ago

Weekly downloads: 4

Maintainers: 1

Weekly downloads

Created: 12 years ago

Source

Razor Leaf is a template engine for HTML. It is indentation-based and vaguely resembles Jade (among others).

Example

doctype

html
  head
    meta charset: 'utf-8'

    title 'Hello, world!'

    for script in data.scripts
      script type: 'text/javascript' src: '#{script.url}'
        if script.async
          async:

    for stylesheet in data.stylesheets
      link
        rel: 'stylesheet'
        type: 'text/css'
        href: '#{stylesheet.url}'

  body
    h1 id: 'title'
      'An example'

    p id: 'content' 'This template demonstrates ' em 'most'
      ' of Razor Leaf’s features.'

    !'Literal <abbr title="HyperText Markup Language">HTML</abbr> content can be written using a string with a leading exclamation mark.'

var fs = require("fs");
var razorleaf = require("razorleaf");
var template = razorleaf.compile(fs.readFileSync("views/template.leaf", "utf8"));

console.log(template(data));

API

`razorleaf.compile(template, [options])`

Compiles a template and returns a function that renders the template and returns the result, taking an optional data argument usable inside the template.

options is an object containing options for compilation:

loader: A function that will be called to load parent and included templates. It is required if either feature is used.

Syntax

There are four types of “items”.

Elements

An element is defined by a name and may be followed on the same line by any number of attributes and strings, and up to one element. If the element is not inline (that is, on the same line as another element), it may followed by an indented block containing any number of elements, attributes, strings, and special blocks.

Attributes

Attributes use the syntax name: 'value'. The value is optional, and must be a string if provided. If a value is not provided, the attribute is assumed to be boolean.

Strings

Strings may be delimited by either single or double quotes. Any expression between #{ and } is interpolated. When interpolating, quotes do not need to be escaped, but a closing brace (}) does. Strings’ contents are escaped as appropriate. Unescaped strings are marked up with a ! before the opening delimiter.

Special blocks

for (identifier) in (expression) will evaluate (expression) (the remainder of the line) as JavaScript and iterate over the result. for blocks cannot directly contain attributes.
if (expression) will evaluate (expression) (the remainder of the line) as JavaScript and include the block if the result is truthy (by the same rules as JavaScript’s if). It may be followed by an else block.
doctype will insert the string <!DOCTYPE html>.

Upcoming features

Replaceable blocks and template extension/inclusion

Keywords

FAQs

What is razorleaf?

Is razorleaf popular?

Is razorleaf well maintained?

Package last updated on 26 Mar 2013

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install