EJS

Featured in JavaScriptMVC - Develop with Direction!

About.

EJS cleans the HTML out of your JavaScript with client side templates. After EJS gets its rubber gloves on dirty code, you'll feel organized and uncluttered.

The Data.

{	title:	'Cleaning Supplies'
	supplies:	['mop', 'broom', 'duster']	}

EJS combines data and a template to produce HTML. Here, our example data has a title and a list of supplies.

The Template.

Type here

Like ERB, JavaScript between <% %> is executed. JavaScript between <%= %> adds HTML to the result.

Type HTML or JavaScript in the template
Watch as your changes update the result.

Try typing these suggestions:

Add the title Add links Add image

Insert "<h1> <%= title %> </h1>"

Show me »

The Result.

The result is shown here

The result on the right is the output of the template processed with the data.

If you make a mistake, EJS provides the line number and a message for easier debugging.

Learn.

Getting Started with EJS A Tutorial 2008 NBA Schedule A Demo Application Clean AJAX with EJS A Screencast

Maintained By.

Highlights.

HTML string concatenation without the messiness.
Easily load templates from separate files.
Rails-like view helpers.
Template caching and partials.
Intelligent error handling with line numbers.
FF 1.5+, IE 6+, Opera 9, Safari 3.
MIT license.

Syntax.

// load a template file, then render it with data
html = new EJS({url: '/template.ejs'}).render(data)

// update element 'todo' with the result of a  
// template rendered with data from a JSON request
new EJS({url:'/todo.ejs'}).update('todo','/todo.json')

<% Embedded JavaScript %>