@visionmedia, fyi: Add features of extend and block, which could support (1) multilayer inheritance, fully support layout in EJS. (2) Also could work with include. The examples and test has also been add!

If I receive from my client a string with "Hello\nHow are you?"...

Then:

1. If I do the job to replace \n by <\br> then the string that appears on the browser is:

Hello<\br>How are you?

2. If I don't replace anything, then (of course :) the string in the browser is:

Hello\nHow are you?

So my question is: How you guys handle the line breaking without going to go for too complex code in .ejs placeholders?

Thanks,

Sebastien

PS: <\br> is not the right html tag for break line, I write it like this to keep it displayed in this editor

I'm running Node.js 0.10.5 and keep experiencing FATAL ERROR: JS Allocation failed - process out of memory when attempting to render a template.

Update: Originally this was assumed to be an error with Node.js 0.10.0 and above, but if you read below, you'll see the error is related to variables being used within HTML comments.

From the example in the README

<% if (user) { %>
    <h2><%= user.name %></h2>
<% } %>

This code, in all situations, always results in an error if you don't pass the data to the file. I am trying to use it as, let's say, a report about whether your password was valid - if it wasn't I would render the file with

res.render('login', { msg: "Error: your password has too many characters." });

But if the user were going to the login page and it hadn't yet been posted, I would just use:

res.render('login');

I could fix this by explicitly sending a msg = null to all routes, but I think that is silly.

Any advice on how to properly handle this? My guess is that what I am doing is somehow unconventional in node/ejs.

Thanks a bunch,

• Keith

I have a template:

A list of famous people:
<% names.forEach(function (name) { %>
name: <%= name %>
<% } %>

Which generates:

A list of famous people:

name: Alexander

name: Bruce

name: Ceasar

name: David

Could the new lines be removed?

one feature i miss from jsp/php is the ability to include/require additional files and have them inserted into the current file... not sure what would be a good syntax, but wanted to throw that out there

If set 'ejs.it = true;', ejs will get 100% render speed up. There is the only change is: must use 'it.var_name' to access template locals data;

I also add options.it to benchmark.js, there is my results:

$ node benchmark.js 

rendering 50000 times
took 303ms
options.it true: rendering 50000 times
took 121ms

I'm having troubles reusing my express templates on the client. Specifically, I can't figure out how to render partials in a way that works for both express and the client. I think the major issue is that express auto-escapes everything with <%= and doesn't for <%-. The regular verion just seems to only support <% and doesn't escape anything.

I prefer how express does it, but it would really be beneficial to reuse the server side express templates on the client. Is it possible to make the express EJS implementation work client side or is there a way to render partials that is consistent on both he client and server?

When trying to render a javascript template that uses ejs for certain reasons I get this error:

deps/express/lib/express/view.js:246
            throw err;
            ^
SyntaxError: Unexpected identifier
    at Object.Function (unknown source)
    at deps/express/support/ejs/lib/ejs.js:89:12
    at Object.render (deps/express/support/ejs/lib/ejs.js:119:14)
    at ServerResponse.render (deps/express/lib/express/view.js:262:26)
    at /Users/seth/projects/buntin/pilot/src/pilot/node/server.js:36:25
    at /Users/seth/projects/buntin/pilot/src/pilot/node/lib/pilot.js:30:13
    at [object Object].<anonymous> (/Users/seth/projects/buntin/pilot/src/pilot/node/deps/node-mongodb-native/lib/mongodb/collection.js:373:35)
    at [object Object].emit (events:32:26)
    at [object Object].<anonymous> (/Users/seth/projects/buntin/pilot/src/pilot/node/deps/node-mongodb-native/lib/mongodb/db.js:77:12)
    at [object Object].emit (events:25:26)

Can I define a recursive function and call it in ejs page? The following is my code:

<% function createTree(ret){ %>
      <% if(ret.comments){ %>
        <% var i = -1, len = ret.comments.length %>
        <% while(++i < len){ %>
          <% if(ret.comments[i].comments) { %>
          <% console.log(ret.comments[i]); %>
          <div class="media" id="<%= ret.comments[i]._id %>">
            <a class="pull-left">
              <img class="media-object" src="<%= ret.comments[i].gravatar %>">
            </a>
            <div class="media-body">
              <h4 class="media-heading text-muted "><a href="<%= ret.comments[i].site %>" rel="nofollow"><%= ret.comments[i].name %></a>at<%= ret.comments[i].create_time %>say:</h4>
              <div class="comment"><%= ret.comments[i].comment %></div>
              <% createTree(ret.comments[i]); %>
            </div>
            <div class="btn btn-info btn-xs reply">reply</div>
          </div>
          <% }　else { %>
          <% console.log(ret.comments[i]); %>
          <div class="media" id="<%= ret.comments[i]._id %>">
            <a class="pull-left">
              <img class="media-object" src="<%= ret.comments[i].gravatar %>">
            </a>
            <div class="media-body">
              <h4 class="media-heading text-muted "><a href="<%= ret.comments[i].site %>" rel="nofollow"><%= ret.comments[i].name %></a>at<%= ret.comments[i].create_time %>say:</h4>
              <div class="comment"><%= ret.comments[i].comment %></div>
            </div>
            <div class="btn btn-info btn-xs reply">reply</div>
          </div>
          <% } %>
        <% } %>
      <% } %>
    <% } %>

Include a filter that checks if a value if falsy and, in that case, replaces it with a default one (passed as an optional argument, empty string by default).

This is useful to make your intention clear (instead of <%= value || "my value" %>) and to combine it with other filters (e.g. <%=: value | default | capitalize %>).

It includes some tests.

after i login from login form, it will get an error <%- body> is not defined. if i removed <%- body> it will not get an error but index.ejs doesnt render to layout.ejs... i have:

LOGIN FOLDER views folder index.ejs layout.ejs faves folder animals.ejs foods.ejs

app folder routes.js server.js

`//server.js var createError = require('http-errors'); var express = require('express'); var session = require('express-session'); var cookieParser = require('cookie-parser'); var bodyParser = require('body-parser'); var morgan = require('morgan'); var app = express();

var path = require('path'); //var expressLayouts = require('express-ejs-layouts'); var expressLayouts=require("express-ejs-layouts");

//var ejsLayouts = require('express-ejs-layouts');

var ejs = require('ejs');

//*********************************** */ app.use(express.static('public')); app.use('/stylesheets', express.static(__dirname + 'public/stylesheets')); app.use('/animations', express.static(__dirname + 'public/animations')); app.use('/img', express.static(__dirname + 'public/img'))

//app.set('view options', { layout:'layout.ejs' }); //app.use(logger('dev')); app.use(express.json()); app.use(express.urlencoded({ extended: false })); app.use(cookieParser());

var passport = require('passport'); var flash = require('connect-flash'); const { request } = require('http'); const { response } = require('express');

require('./config/passport')(passport);

app.use(morgan('dev')); app.use(cookieParser()); app.use(bodyParser.urlencoded({ extended: true }));

app.use(session({ secret: 'justasecret', resave:true, saveUninitialized: true }));

app.use(passport.initialize()); app.use(passport.session()); app.use(flash());

require('./app/routes.js')(app, passport);

////no preload //app.set('views', './views'); app.set('views', __dirname + '/views'); app.set('view engine', 'ejs'); app.set('view options', { layout:'layout.ejs' }); //app.use('/',router); app.use(expressLayouts); //app.use(ejsLayouts); app.set("layout extractScripts", true)

app.get('/layout', isLoggedIn, function(_req, res, _next) { res.render('layout', {layout: 'layout.ejs', }); //user:req.user}); });

function isLoggedIn(req, res, next){ if(req.isAuthenticated()) return next();

res.redirect('/'); }

app.get('/foods', function(req, res) { res.render('faves/foods', {title: 'Favorite Foods', foods: ['coconut', 'avocado']}); });

app.get('/animals', function(req, res) { res.render('faves/animals', {title: 'Favorite Animals', animals: ['sand crab', 'corny joke dog']}) });

app.listen(3000, () => { console.log('Server is running at port 3000')

}); module.exports = app;`

`//routes.js ///setting first run***** var express = require('express'); var app = express(); var expressLayouts=require("express-ejs-layouts");

app.set('view engine', 'ejs');

app.use(expressLayouts);

module.exports = function(app, passport) { app.get('/', function(req, res){ res.render('login.ejs', {message:req.flash('loginMessage')}); });

app.post('/login', passport.authenticate('local-login', { successRedirect: '/layout', failureRedirect: '/', ////// this one been troubleshooting FM failureFlash: true }), function(req, res){ if(req.body.remember){ req.session.cookie.maxAge = 1000 * 60 * 3; }else{ req.session.cookie.expires = false; } res.redirect('layout.ejs'); });`

`//layout.ejs

  <%- body %>


</div>
<body>

</body>
</html>`

I am Using Vs code it doesn't recognize ejs tags when they are inside an html tag like the input tag below :

<input type="checkbox" name="checkbox" value="<%=item._id%>" onChange="this.form.submit()"> Before changing the default value property from on to <%=item._id%> it would actually print on, Now it does nothing ! and in the code itself i can see that it doesn't recognize it because the color doesn't change as usual.

Any suggestion is appreciated.

PUT method is not working in my form

I am having a form that hits an API with a PUT method but it doesnot work unless I change the method to POST.

<form action="/api/settings" method="POST">
{html form fields}
</form>

Can't pass data from one page to another

• I want to be able to remain on the same page using with the same URL and but submit and data to a different API endpoint and when it is success full the page should re-render with updated information but now changing the URL.

Desired Behaviors:

I am on the page with URL http://localhost:3010/settings and I am making a POST request to back-end API URL http://localhost:3010/api/settings. When I use res.render my page's URL changes to http://localhost:3010/api/settings which I don't want, I want to stay on the same page but have updated data for my page with URL http://localhost:3010/settings

<% for (const result of data) { %> <% if(result.disable === true){ %> <% return %> <% }else{ %> # <%= result.Fullname %> <%= result.PhoneNumber %>