# express-ejs-layouts > Layout support for ejs in express [![npm version](https://badge.fury.io/js/express-ejs-layouts.svg)](https://badge.fury.io/js/express-ejs-layouts) [![build status](https://secure.travis-ci.org/soarez/express-ejs-layouts.svg)](http://travis-ci.org/Soarez/express-ejs-layouts) ## Installation ```sh $ npm install express-ejs-layouts ``` ## Example Check the example folder. 1. `git clone https://github.com/soarez/express-ejs-layouts.git` 2. `cd express-ejs-layouts` 3. `npm install` 4. `node example` 5. Open http://localhost:3000/ ## Usage ```javascript var express = require('express'); var expressLayouts = require('express-ejs-layouts'); var app = express(); app.set('view engine', 'ejs'); app.use(expressLayouts); app.get('/', function(req, res) { var locals = { title: 'Page Title', description: 'Page Description', header: 'Page Header' }; res.render('the-view', locals); }); app.listen(3000); ``` ### `contentFor` A view ```ejs tyler <%- contentFor('foo') %> club <%- contentFor('bar') %> fight ``` With a layout ```ejs <%-bar%> <%-foo%> <%-body%> ``` Renders ``` fight club tyler ``` As another example, consider this view: ```html foo <%- contentFor('pageSectionA') %> bar <%- contentFor('pageSectionB') %> baz ``` Using it with this layout: ```html

<%- body %>

``` Will render: ```html

foo

``` Notice that the difference between using `<%- pageSectionA %>` and `<%-defineContent('pageSectionA')%>` is that the former will generate an error if the view doesn't define content for this section. ### Script blocks extraction If you like to place all the script blocks at the end, you can do it like this: ```javascript app.set("layout extractScripts", true) ``` A view ```html something

	Stars	Issues	Version	Updated	Created
@angular/core	94,588	1,488	17.3.7	2 days ago	8 years ago
express	63,835	195	4.19.2	a month ago	13 years ago
express-ejs-layouts	293	8	2.5.1	3 years ago	12 years ago
react	222,129	834	18.3.1	7 days ago	13 years ago

@angular/core vs express vs express-ejs-layouts vs react

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past