❤
npm
Sign UpSign In

ejs-yield

1.0.0 • Public • Published

EJS layout template for ExpressJS

NODE: v6.12.2

NPM: 5.6.0

Example Use

file: app.js

var app = express()
 
// view engine setup
app.set('views', path.join(__dirname, 'views'))
app.set('view engine', 'ejs')
app.use(require('ejs-yield'))

require('ejs-yield')

file: views/layout.ejs

<!DOCTYPE html>
<html>
<head>
    <title><%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
    <%- yield %>
</body>
</html>

Add <%- yield %>

layout.ejs is required

file: views/index.ejs

    <h1><%= title %></h1>
    <p>Welcome to <%= title %></p>

file: routes/index.js

var express = require('express')
var router = express.Router()
 
/* GET home page. */
router.get('/', function(req, res, next) {
    res.layout('index', { title: 'Express' })
})
 
module.exports = router

Use different/custom layout

Load own layout

file: views/custom-layout.ejs

<!DOCTYPE html>
<html>
<head>
    <title>Custom Layout | <%= title %></title>
    <link rel='stylesheet' href='/stylesheets/style.css' />
</head>
<body>
    <%- yield %>
</body>
</html>

file: routes/index.js

var express = require('express')
var router = express.Router()
 
/* GET home page. */
router.get('/', function(req, res, next) {
    res.layout('index', {
        layout: 'custom-layout',
        title: 'Express'
    })
})
 
module.exports = router

layout: 'custom-layout'

Work In Progress (WIP)

Work In Progress (WIP)

Readme

Keywords

Package Sidebar

Install

npm i ejs-yield

Repository

github.com/HariantoAtWork/ejs-yield

Homepage

github.com/HariantoAtWork/ejs-yield#readme

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

2.5 kB

Total Files

3

Last publish

Collaborators

  • harianto
Try on RunKit
Report malware