express-views-dom-layouts

0.1.1 • Public • Published

express-views-dom-layouts

Layouts support for express-views-dom, the DOM view engine for Express.

Lets you define and override blocks by extending other views as layouts.

NPM version Dependency Status

Installation

via npm:

$ npm install --save express-views-dom-layouts

Use

First setup express-views-dom - see its README.

Then use as in the following example:

"views/home.html":

<extends from="layout-default">
  <block for="title">Home Page</block>
  <block for="content">
    Welcome home!
  </block>
</extends>

"views/layout-default.html":

<!doctype html>
<html>
  <head>
    <title><block name="title">Default Title</block></title>
  </head>
  <body>
    <block name="content">
      Default content.
    </block>
  </body>
</html>

JavaScript:

// assumes already setup express-views-dom
 
var domLayouts = require('express-views-dom-layouts');
 
app.get('/', function (req, res) {
  res.render('home', {
    render: function (window, done, params) {
      domLayouts(window, done, params, function () {
        // we now have the fully stitched HTML
        // and could do more DOM work if desired
 
        done();
      });
    }
  });
});

Results in:

<!doctype html>
<html>
  <head>
    <title>Home Page</title>
  </head>
  <body>
    Welcome home!
  </body>
</html>

Readme

Keywords

none

Package Sidebar

Install

npm i express-views-dom-layouts

Weekly Downloads

0

Version

0.1.1

License

MIT

Unpacked Size

3.9 kB

Total Files

3

Last publish

Collaborators

  • adjohnson916