CODEWITHSUNDEEP
node.jsexpressmustache
Xomby
Xomby

Reputation: 1247

Mustache(-like) template engine for Express?

Is there a template engine for Express (node.js) which is based on Mustache or uses a similar syntax?

All I could find is haml, jade, ejs, jquery templates and one based on CoffeeScript (I write plain JS).

I want to write "normal" html, so only ejs and jqtpl would fit. I already use mustache with backbone so it would be best to also use it on the server side with Node.js

Upvotes: 4

Views: 13135

Answers (8)

Don Park
Don Park

Reputation: 479

Try Hogan.js

I think it's what Twitter and LinkedIn use in production.

Upvotes: 5

xdzc
xdzc

Reputation: 1471

Check out Handlerbars. " Handlebars provides the power necessary to let you build semantic templates effectively with no frustration. Handlebars is largely compatible with Mustache templates. In most cases it is possible to swap out Mustache with Handlebars and continue using your current templates. Complete details can be found here " - Handlebars

Upvotes: 0

Sean Chou
Sean Chou

Reputation: 1289

Just stumbled on this ancient thread but no one has mentioned consolidate.js, which seems to be the "right" way under Express 3 (refer to http://expressjs.com/faq.html). It also provides an easy way to switch/experiment with templating systems.

Here's a simple example - http://invitingthebell.com/2012/12/24/mustache-templates-in-express-3-0/.

Code, in case it disappears is:

var express = require('express')
 , cons = require('consolidate')
 , app = express();

// assign the mustache engine to .html files
app.engine('html', cons.mustache);

// set .html as the default extension 
app.set('view engine', 'html');

app.set('views', __dirname + '/views');

// test mustache
app.get('/', function(req, res){ 
  var viewdata = { 'test' : 'Hey now.'};
  res.render('index', viewdata);
});

app.listen(3000);

The index.html file in the views directory:

<html>
  <head><title>Some CMS</title></head>
  <body>
    <h1>Mustache</h1>
    <p>What do you say?</p>
    <p>{{test}}</p>
  </body>
</html>

Upvotes: 8

Addam Driver
Addam Driver

Reputation: 71

Here's a working example/tutorial on using NodeJS, ExpressJS and MustacheJS Template Engine:

http://devcrapshoot.com/javascript/nodejs-expressjs-and-mustachejs-template-engine

You can build out a complete web page like you normally would, placing the mustacheJS fields where you like. Use express to route to the page, use node fs.readFileSync(); to get the html file, use mustache to update the data on the page then spit it out to the client.

It's kinda neat. I hope it helps!

-A-

Upvotes: 2

Jeff
Jeff

Reputation: 37

Sure, the best way to do this is the post here:

http://iamtherockstar.com/blog/2011/11/21/using-mustache-templates-express-apps/

So far, this has worked great for me. The only problem I have found is not using partials at the root path for views. For example partials in view/partials - the engine by default only finds partials as view. Let me know if you figure that out!

Upvotes: 1

mtsr
mtsr

Reputation: 3152

You could probably add Mustache as a rendering engine by following the Express manual:

View filenames take the form “.”, where is the name of the module >that will be required. For example the view layout.ejs will tell the view system to >require(‘ejs’), the module being loaded must export the method exports.compile(str, >options), and return a Function to comply with Express.

Edit: From the Mustache manual under Usage:

Below is quick example how to use mustache.js:

var view = {
  title: "Joe",
  calc: function () {
    return 2 + 4;
  }
};

var output = Mustache.render("{{title}} spends {{calc}}", view);

In this example, the Mustache.render function takes two parameters: 1) the mustache >template and 2) a view object that contains the data and code needed to render the >template.

From the above I suspect you could just export Mustache.render, but I haven't tested it. The object literals used as data look the same, but if they do happen to be different, you could probably just wrap Mustache.render in a function that formats it correctly.

Edit: Xomby's wrapper link contains an example of how to wrap handlebars for express, Mustache should be similar.

Upvotes: 5

Xomby
Xomby

Reputation: 1247

I found Handlebars.js which is an extension of the Mustache template system/language.

And there is a really simple wrapper to use it with Express.

Upvotes: 1

castle1971
castle1971

Reputation: 517

Have you already tried stache ? It is no longer maintained but you can follow some links and get more recent stuff ..

Upvotes: 1

Related Questions