I&#39;m experimenting with building an entire web application using Node.js. Is there a template engine similar to (for example) the Django template engine or the like that at least allows you to extend base templates?



Is there a template engine for Node.js?

I&#39;m trying to learn about new usages of javascript as a serverside language and as a functional language. Few days ago I heard about node.js and express framework. Then I saw about underscore.js as a set of utility functions. I saw [this question on stackoverflow
][1]. It says we can use underscore.js as a template engine. anybody know good tutorials about how to use underscore.js for templating, especially for biginners who have less experience with advanced javascript. Thanks 

  [1]: https://stackoverflow.com/questions/1787716/is-there-a-template-engine-for-node-js

How to use underscore.js as a template engine?

Many template languages have &quot;slots&quot; or &quot;yield&quot; statements, that allow to do some sort of inversion of control to wrap one template inside of another.

Angular has [&quot;transclude&quot; option](http://docs.angularjs.org/guide/directive#creating-custom-directives_demo_creating-a-directive-that-wraps-other-elements).

Rails has [yield statement](http://guides.rubyonrails.org/layouts_and_rendering.html#understanding-yield). If React.js had yield statement, it would look like this:

    var Wrapper = React.createClass({
      render: function() {
        return (
          &lt;div className=&quot;wrapper&quot;&gt;
            before
              &lt;yield/&gt;
            after
          &lt;/div&gt;
        );
      }
    });

    var Main = React.createClass({
      render: function() {
        return (
          &lt;Wrapper&gt;&lt;h1&gt;content&lt;/h1&gt;&lt;/Wrapper&gt;
        );
      }
    });


Desired output:

    &lt;div class=&quot;wrapper&quot;&gt;
      before
        &lt;h1&gt;content&lt;/h1&gt;
      after
    &lt;/div&gt;

Alas, React.js doesn’t have a `&lt;yield/&gt;`. How do I define Wrapper component to achieve the same output?

React.js: Wrapping one component into another

I have the following YAML:

    paths:
      patha: /path/to/root/a
      pathb: /path/to/root/b
      pathc: /path/to/root/c

How can I &quot;normalise&quot; this, by removing `/path/to/root/` from the three paths, and have it as its own setting, something like:

    paths:
      root: /path/to/root/
      patha: *root* + a
      pathb: *root* + b
      pathc: *root* + c

Obviously that&#39;s invalid, I just made it up. What&#39;s the real syntax? Can it be done?



how to reference a YAML &quot;setting&quot; from elsewhere in the same YAML file?

Is there a truncate modifier for the blade templates in Laravel, pretty much like Smarty?

I know I could just write out the actual php in the template but i&#39;m looking for something a little nicer to write (let&#39;s not get into the whole PHP is a templating engine debate).

So for example i&#39;m looking for something like:

    {{ $myVariable|truncate:&quot;10&quot;:&quot;...&quot; }}

I know I could use something like Twig via composer but I&#39;m hoping for built in functionality in Laravel itself.

If not is it possible to create your own reusable modifiers like Smarty provides. I like the fact that Blade doesn’t overkill with all the syntax but I think truncate is a real handy function to have.

I&#39;m using Laravel 4.



Truncate string in Laravel blade templates

I want to use the Django template engine in my (Python) code, but I&#39;m not building a Django-based web site.  How do I use it without having a settings.py file (and others) and having to set the DJANGO\_SETTINGS\_MODULE environment variable?

If I run the following code:

    &gt;&gt;&gt; import django.template
    &gt;&gt;&gt; from django.template import Template, Context
    &gt;&gt;&gt; t = Template(&#39;My name is {{ my_name }}.&#39;)

I get:

    ImportError: Settings cannot be imported, because environment variable DJANGO_SETTINGS_MODULE is undefined.



How do I use Django templates without the rest of Django?

How do I get nested templates like Jinja has in the python runtime. TBC what I mean is how do I have a bunch of templates inherit from a base templates, just filing in blocks of the base templates, like Jinja/django-templates does. Is it possible using just `html/template` in the standard library.

If that is not a possibility, what are my alternatives. Mustache seems to be an option but would I then be missing out on those nice subtle features of `html/template` like the context sensitive escaping etc.? What other alternatives are ther?

(Environment: Google App Engin, Go runtime v1, Dev - Mac OSx lion)

Thanks for reading.

Is it possible to have nested templates in Go using the standard library?

Ok, so I have built a blog using [Jekyll][5] and you can define variables in a file `_config.yml` which are accessible in all of the templates/layouts. I am currently using [Node.JS][1] / [Express][2] with [EJS][3] templates and [ejs-locals][4] (for partials/layouts. I am looking to do something similar to the global variables like `site.title` that are found in `_config.yml` if anyone is familiar with Jekyll.  I have variables like the site&#39;s title, (rather than page title), author/company name, which stay the same on all of my pages. 

Here is an example of what I am currently doing.:

    exports.index = function(req, res){
        res.render(&#39;index&#39;, { 
            siteTitle: &#39;My Website Title&#39;,
            pageTitle: &#39;The Root Splash Page&#39;,
            author: &#39;Cory Gross&#39;,
            description: &#39;My app description&#39;,
            indexSpecificData: someData
        });
    };
    
    exports.home = function (req, res) {
        res.render(&#39;home&#39;, {
            siteTitle: &#39;My Website Title&#39;,
            pageTitle: &#39;The Home Page&#39;,
            author: &#39;Cory Gross&#39;,
            description: &#39;My app description&#39;,
            homeSpecificData: someOtherData
        });
    };

I would like to be able to define variables like my site&#39;s title, description, author, etc in one place and have them accessible in my layouts/templates through EJS without having to pass them as options to each call to `res.render`. Is there a way to do this and still allow me to pass in other variables specific to each page?


[1]: http://nodejs.org
[2]: http://expressjs.com
[3]: http://embeddedjs.com/
[4]: https://github.com/RandomEtc/ejs-locals
[5]: http://jekyllrb.com/

How to create global variables accessible in all views using Express / Node.JS?

In jinja, the variable loop.index holds the iteration number of the current running loop.

When I have nested loops, how can I get in the inner loop the current iteration of an outer loop?

Get loop index of outer loop

I would like to know your opinion about javascript template engine, which one you think is better in terms of performance?

I found some links where people do benchmarking:

[http://jsperf.com/jquery-template-table-performance/15][1]

[http://jsperf.com/jquery-template-table-performance/8][2]

[http://www.viget.com/extend/benchmarking-javascript-templating-libraries/][3]


  [1]: http://jsperf.com/jquery-template-table-performance/15
  [2]: http://jsperf.com/jquery-template-table-performance/8
  [3]: http://www.viget.com/extend/benchmarking-javascript-templating-libraries/

What Javascript Template Engines you recommend?

**Velocity or FreeMarker?**

They look pretty much the same, even the syntax?

What to use? Or when to use what?

Velocity vs. FreeMarker

I am looking for a stand-alone, easy to use from C# code, template engine.
I want to create an HTML and XML files with placeholders for data,
and fill them with data from my code.

The engine needs to support loops (duplicating parts of the template form more that one object) and conditions (add parts of the template to the final HTML/XML only if some conditions are true).
Can someone recommend a good option for me, and add a link to more-or-less such code sample, and some documentation about how to use the recommended component for my needs?

I also need to use loops to duplicate table rows, or even entire tables (in the HTML version) and complex elements (in the XML version).


C# template engine

I must be overlooking something very simple here but I can&#39;t seem to figure out how to render a simple ERB template with values from a hash-map.

I am relatively new to ruby, coming from python. I have an ERB template (not HTML), which I need rendered with context that&#39;s to be taken from a hash-map, which I receive from an external source.

However, the documentation of ERB, states that the `ERB.result` method takes a `binding`. I learnt that they are something that hold the variable contexts in ruby (something like `locals()` and `globals()` in python, I presume?). But, I don&#39;t know how I can build a binding object out of my hash-map.

A little (a *lot*, actually) googling gave me this: http://refactormycode.com/codes/281-given-a-hash-of-variables-render-an-erb-template, which uses some ruby metaprogramming magic that escapes me.

So, isn&#39;t there a simple solution to this problem? Or is there a better templating engine (not tied to HTML) better suited for this? (I only chose ERB because its in the stdlib).

Render an ERB template with values from a hash

my use-case is the following :

I&#39;m composing an **HTML page** by using parts that are **valid HTML fragments** but not valid pages,
like **Divs**; these elements are using **CSS** to manage their style.

I&#39;d like to allow each fragment to be responsible for its own styling requirements and to not rely on the declarations of style-sheets in the main fragment (the one with the &quot;HTML&quot; tag).

So here come the question : **is there any (standard) way to add some CSS styling outside the HEAD element** (excluding the inline styling via the &quot;style&quot; attribute) ?

I guess I could use frames but I&#39;d prefer to avoid this solution.

Thanks in advance for your help.

**FINAL EDIT :**

Thanks to the propositions of ***zzzzBov***, ***JMC Creative*** and ***moontear***, and after some testing, here is the answer :

- use **JavaScript to dynamically load some CSS style-sheets** : **HTML4/XHTML** and **HTML5 compliant**,
- **embed &quot;style&quot; elements** directly inside the fragments : **non-compliant** with **HTML4/XHTML** but seems to be **broadly supported**, and is **HTML5 compliant**.

As I must support email clients I&#39;ve used the second solution which moreover is more simple.

Thanks all for your interest and participation.

Declare CSS style outside the &quot;HEAD&quot; element of an &quot;HTML&quot; page?

I am looking for template/generator libraries for C++ that are similar to eg. Ruby&#39;s Erb, Haml, PHP&#39;s Smarty, etc.

It would be great if I it would sport some basic features like loops, if/else, int conversion to strings, etc.

Parameter passing to template rendering engine is also important if I could pass all of them in a hash map instead of calling some function for each of parameters.

Do you have any recommendations?

I can see also the possibility of embedding languages like Lua, however I haven&#39;t found a templatizing library for that either.

C++ HTML template framework, templatizing library, HTML generator library

Why should I use templating system in PHP?

The reasoning behind my question is: PHP itself is feature rich templating system, why should I install another template engine?

The only two pros I found so far are:

 1. A bit cleaner syntax (sometimes)
 2. Template engine is not usually powerful enough to implement business logic so it forces you to separate concerns. Templating with PHP can lure you to walk around the templating principles and start writing code soup again.

... and both are quite negligible when compared to cons.

Small example:


**PHP**
    
    &lt;h1&gt;&lt;?=$title?&gt;&lt;/h1&gt;
    &lt;ul&gt;
      &lt;? foreach ($items as $item) {?&gt;
      &lt;li&gt;&lt;?=$item?&gt;&lt;/li&gt;
      &lt;? } ?&gt;
    &lt;/ul&gt;
    
    
**Smarty**
    
    &lt;h1&gt;{$title}&lt;/h1&gt;
    &lt;ul&gt;
      {foreach item=item from=$items}
      &lt;li&gt;{$item}&lt;/li&gt;
      {/foreach}
    &lt;/ul&gt;


I really don&#39;t see any difference at all.

Why should I use templating system in PHP?

I have to create conf files and `init.d` which are very similar. These files permit to deploy new http service on my servers. These files are the same and only some parameters change from one file to another (`listen_port`, domain, path on server...).

As any error in these files leads to misfunction of service I would like to create these files using a bash script.

For example:

    generate_new_http_service.sh 8282 subdomain.domain.com /home/myapp/rootOfHTTPService

I am looking for a kind of templating module that I could use with bash. This templating module would use some generic conf and init.d scripts to create new ones.

Do you have hints for that? If not I could use python templating engine.

Create new file from templates with bash script

Is it possible to retrieve all variables inside a Twig template with PHP? 


Example someTemplate.twig.php:

    Hello {{&#160;name }}, 
    your new email is {{&#160;email }}


Now I want to do something like this: 

    $template = $twig-&gt;loadTemplate(&#39;someTemplate&#39;);
    $variables = $template-&gt;getVariables();

$variables should now contain &quot;name&quot; and &quot;email&quot;.

The reason I want to do this is that I am working on a CMS system 
where my twig templates and variables are dynamically set by my users
and they also fill the variables through an API. 

I want to set default values to not-set variables and therefore I 
need a list of all variables that exist inside the template…



How to retrieve all Variables from a Twig Template?

I was wondering if there is a advantage of using [template strings][1] instead of the new [advanced string formatting][2]?


  [1]: http://docs.python.org/library/string.html#template-strings
  [2]: http://docs.python.org/library/string.html#string-formatting

advanced string formatting vs template strings

Jinja2 and Mako are both apparently pretty fast.

How do these compare to (the less featured but probably good enough for what I&#39;m doing) string.Template ?



What is the fastest template system for Python?

Can you do something like this in a velocity template?

    #set ($map = $myobject.getMap() )
    #foreach ($mapEntry in $map.entrySet())
        &lt;name&gt;$mapEntry.key()&lt;/name&gt;
        &lt;value&gt;$mapEntry.value()&lt;/value&gt;
    #end

it outputs blank tags like so:

    &lt;name&gt;&lt;/name&gt; 

and

    &lt;value&gt;&lt;/value&gt; 

What am I doing wrong?

in velocity can you iterate through a java hashmap&#39;s entry set()?

I created a helper in Handlebars to help with logic, but my template parses the returned html as text rather than html.

I have a quiz results page that is rendered after the quiz is completed:

      &lt;script id=&quot;quiz-result&quot; type=&quot;text/x-handlebars-template&quot;&gt;
            {{#each rounds}}
              {{round_end_result}}
            {{/each}}
            &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
      &lt;/script&gt;

For each of the rounds, I use a helper to determine which template to render a round&#39;s result:

      Handlebars.registerHelper(&quot;round_end_result&quot;, function() {
        if (this.correct) {
          var source = &#39;&#39;;
          if (this.guess == this.correct) {
            console.log(&quot;correct guess&quot;);
            var source = $(&quot;#round-end-correct&quot;).html();
          } else {
            var source = $(&quot;#round-end-wrong&quot;).html();
          }
          var template = Handlebars.compile(source);
          var context = this;
          var html = template(context);
          console.log(html);
          return html;
        } else {
          console.log(&quot;tie&quot;);
        }
      });

Here is a template that describes a correct round (let&#39;s take say it rendered the #round-end-correct template):

      &lt;script id=&quot;round-end-correct&quot; type=&quot;text/x-handlebars-template&quot;&gt;
            &lt;div&gt;&lt;/div&gt;
      &lt;/script&gt;

Here is what gets rendered:

    &lt;div&gt;&lt;/div&gt;

Not as HTML, but as text. How do I get it to actually render the HTML as HTML, rather than text?

Handlebars Template rendering template as text

I didn&#39;t find a good comparison of jinja2 and Mako. What would you use for what tasks ? 

I personnaly was satisfied by mako (in a pylons web app context) but am curious to know if jinja2 has some nice features/improvements that mako doesn&#39;t ? -or maybe downsides ?-

All Template Engine Solutions on Gang of Coders

Total of 23 Template Engine Solutions