Skip to main content

A Django template tag for wrapping a template block in a reusable enclosing template

Project description

django-wrapwith

A Django template tag for wrapping a template block in a reusable enclosing template.

Provides a block tag called wrapwith which behaves exactly like the built-in include tag, but injects the contents of the block into the included template.

It is intended to make wrapper markup reusable, encouraging you to break your template into "components" which might have a particular enclosing structure but varying contents. It is particularly useful with design systems that provide components (cards, blockquotes, accordians etc) that have reusable structure but arbitrary content.

A toy example: imagine your design includes a box component which has a coloured border, but can contain any other markup inside it.

First, create a wrapper template, wrappers/box.html:

<div style="border: 1px solid {{ bordercol }}">
  {{ wrapped }}
</div>

Note the special {{ wrapped }} variable, which will be replaced with your wrapped content.

Then, in your main page template:

{% load wrapwith %}

<html>
  <body>
    <h1>welcome to my page</h1>

    {% wrapwith "wrappers/box.html" with bordercol="red" %}
      <p>this is inside a red box</p>
    {% endwrapwith %}

    {% wrapwith "wrappers/box.html" with bordercol="green" %}
      <p>this is inside a green box</p>
      <p>and here's another paragraph inside the green box</p>
    {% endwrapwith %}
  </body>
</html>

Optional: aliasing templates

If you find writing out the full template path every time you use a component too verbose, you can define a dictionary of "aliases" in your Django settings, using the setting name WRAPWITH_TEMPLATES. This dictionary can be nested. You can then use a dotted path into this dictionary in your templates.

In your settings.py:

WRAPWITH_TEMPLATES = {
  "wrappers": {
    "box": "wrappers/box.html",
  },
}

In your template:

{% wrapwith wrappers.box with bordercol="red" %}
  <p>this is inside a red box</p>
{% endwrapwith %}

Tested on Python 3 with all currently supported Django versions.

Installation

pip install django-wrapwith

Then add wrapwith to your INSTALLED_APPS.

Code of conduct

For guidelines regarding the code of conduct when contributing to this repository please review https://www.dabapps.com/open-source/code-of-conduct/

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django-wrapwith-0.0.2.tar.gz (4.7 kB view details)

Uploaded Source

Built Distribution

django_wrapwith-0.0.2-py3-none-any.whl (5.5 kB view details)

Uploaded Python 3

File details

Details for the file django-wrapwith-0.0.2.tar.gz.

File metadata

  • Download URL: django-wrapwith-0.0.2.tar.gz
  • Upload date:
  • Size: 4.7 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.8.1 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for django-wrapwith-0.0.2.tar.gz
Algorithm Hash digest
SHA256 50ef60c4333dc8c315645c13a2368f2f00c821933f4591fcbe6c2262f1ab3ca3
MD5 ece6026592748efc78f4fdc57ba3d101
BLAKE2b-256 80acc3578161344437b597583be45ae71cfd6832e0965deab04dce6c584a5375

See more details on using hashes here.

File details

Details for the file django_wrapwith-0.0.2-py3-none-any.whl.

File metadata

  • Download URL: django_wrapwith-0.0.2-py3-none-any.whl
  • Upload date:
  • Size: 5.5 kB
  • Tags: Python 3
  • Uploaded using Trusted Publishing? No
  • Uploaded via: twine/3.4.2 importlib_metadata/4.8.1 pkginfo/1.7.1 requests/2.26.0 requests-toolbelt/0.9.1 tqdm/4.62.3 CPython/3.8.12

File hashes

Hashes for django_wrapwith-0.0.2-py3-none-any.whl
Algorithm Hash digest
SHA256 03ca3091b11fc5e0d0e3a11efad555e9062a0c4bf5f4f7e9aef4f857ac112b5c
MD5 9f13f630b8a2e9a9ae167390bf6a30a4
BLAKE2b-256 d7b578ab114e5ee854495879f888d54c4e6aa85f4b92f8e4ca3dda02422c52ee

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page