Examples

dj-angles is pretty flexible when determining what HTML to parse. Here are some examples of to show what can be done. Set up custom mappers to handle additional use cases.

Tags without a dj- prefix

# settings.py

ANGLES = {
  "initial_tag_regex": r"(?=\w)",  # lookahead match anything that starts with a letter
  "map_explicit_tags_only": True,  # only map tags we know about to prevent mapping standard HTML tags
}

<block name='content'>
  <include 'partial.html' />
</block>

This would transpile to the following.

{% block content %}
  <dj-partial>{% include 'partial.html' %}</dj-partial>
{% endblock content %}

React-style include

# settings.py

ANGLES = {
  "initial_tag_regex": r"(?=[A-Z])",  # lookahead match upper-case letter
}

<PartialOne />

This would transpile to the following.

<dj-partial>{% include 'partial-one.html' %}</dj-partial>

Special character

# settings.py

ANGLES = {
  "initial_tag_regex": r"(\$)"
}

<$partial />

This would transpile to the following.

<dj-partial>{% include 'partial.html' %}</dj-partial>