Boxed Text¶
Processor name: boxed-text
You can enclose text inside of a box using the following text tag:
{boxed-text}
**Computer Science Report for 2.44**
Put your introduction to what bits are here.
{boxed-text end}
Optional Tag Parameters¶
indented
- Ifyes
, the box will have indentation on the left to match indentation of the first level of a list.
The default HTML for button links is:
<div class='boxed-text{% if indented == "yes" %} boxed-text-indented{% endif %}{% if type %} boxed-text-{{ type }}{% endif %}'>
{% autoescape false -%}
{{ text }}
{% endautoescape -%}
</div>
Using the example tag above, the resulting HTML would be:
<div class="boxed-text">
<p><strong>Computer Science Report for 2.44</strong></p>
<p>Put your introduction to what bits are here.</p>
</div>
Overriding HTML for Boxed Text¶
When overriding the HTML for boxed text, the following Jinja2 placeholders are available:
{{ text }}
- The text enclosed by the boxed text tags.indented
- Set toyes
if the indentation parameter was set toTrue
.
Example
For example, providing the following HTML:
<div class="card">
<div class="card-block">
{{ text }}
</div>
</div>
with the following tag:
{boxed-text}
This text is displayed using a Bootstrap 4 card.
{boxed-text end}
would result in:
<div class="card">
<div class="card-block">
<p>This text is displayed using a Bootstrap 4 card.</p>
</div>
</div>