GithubHelp home page GithubHelp logo

nicolas-hili / express-plates Goto Github PK

View Code? Open in Web Editor NEW

This project forked from arnaudrinquin/express-plates

0.0 2.0 0.0 100 KB

a (flatiron) Plates.js template engine adapter for Express.js

JavaScript 100.00%

express-plates's Introduction

express-plates

This small piece of code allow you to simply use Flatiron's Plate template engine in within Express framework.

Example

Ready to run examples can be found at express-plates-examples

How to

By default, .html views are associated to plates engine. The association is a one line code: require('express-plates').init(app);

Here is a more detailed example:

app = require('express')();
require('express-plates').init(app);

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

app.get('/', function(req, res) {
    res.render('index', {
        data: {
            title: 'Plates is pretty cool, so is Express',
            content: 'It seems to work quiet well'
        }
    });
});

app.listen(8080);

You may customize the express engine setting:

var express = = require('express');
var app = express();
var expressPlates = require('express-plates');

app.engine('.plate', expressPlates);

Maps

You can require plates and use Map() easilly :

var expressPlates = require('express-plates');
var plates = require('plates');

app.engine('.html', expressPlates);
app.set('views', __dirname + "/views");

// further in the app...

app.get('/', function(req, res) {
    var map = plates.Map();

    map.class('content').to('content');

    res.render('index', {
        data: {
            content: 'It seems to work quiet well'
        },
        map: map
    });
});

express-plates's People

Contributors

arnaudrinquin avatar captainn avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.