[Fixed]-Client-Side (JavaScript) Django/Jinja-like template inheritance

by

2👍

✅

1.
Yes, with Dustjs you can “have a template inherit the bulk of its content from a common base template”.

Check out the Dustjs docs, here: Dustjs, the “Blocks and Inline Partials” section.

(I posted an answer to a related question, here: https://stackoverflow.com/a/12432034/694469 )

2.
There’s also some work in progress on adding template inheritance to Handlebars, see another answer of mine to “the other version” of this question: https://stackoverflow.com/a/12432490/694469.

It links to this GitHub issue: https://github.com/wycats/handlebars.js/issues/208, and this blog post: Template Inheritance for Handlebars

👤KajMagnus

9👍

I just released this for the same purpose: https://github.com/ericclemmons/jinja.js

👤Eric

1👍

Jade offers full template inheritance: https://github.com/visionmedia/jade#a11

In addition to overriding a block entirely, you can also append or prepend content to a block. Here is an example hijacked from the documentation:

Define a base template in layout.html:

html
  head
    h1 My Site - #{title}
    block scripts
      script(src='/jquery.js')
  body
    block content
    block foot
      #footer
        p some footer content

Append some script tags and replace the content section in content.html:

extends layout

block append head
  script(src='/vendor/three.js')
  script(src='/game.js')

block content
  .sidebar
    block sidebar
      p nothing
  .primary
    block primary
      p nothing
👤dokkaebi

0👍

jQuery Template have a {{wrap}} template tag
which can be used for this.

👤Udi

Leave a comment