Fumanchu Fumanchu

Html Helpers

Helpers for generating and manipulating HTML elements in templates.

{{attr}}

Stringify attributes from the options hash into an HTML attribute string.

Params

  • options {Object}: Options object with a hash property containing key-value pairs
  • returns {String}: Space-prefixed attribute string, or empty string if no attributes

Example

Output

<div class="container" id="main">div>

You can also use variables:


Click

Output

<button class="btn-primary" type="submit">Clickbutton>

{{css}}

Generate tags for stylesheets. Supports both CSS and LESS files.

Params

Example

Single stylesheet:

{{css "styles/main.css"}}

Output

<link type="text/css" rel="stylesheet" href="styles/main.css">

Multiple stylesheets:


{{css stylesheets}}

Output

<link type="text/css" rel="stylesheet" href="reset.css">
<link type="text/css" rel="stylesheet" href="theme.css">
<link type="text/css" rel="stylesheet" href="app.css">

LESS files are automatically detected:

{{css "styles/theme.less"}}

Output

<link type="text/css" rel="stylesheet/less" href="styles/theme.less">

{{js}}

Generate