Skip to main content

Line Breaks in Textarea Fields

Textarea fields store data in the database as newlines. When displaying submission data in email notifications or on the front end with a Submissions query, the newlines will not be respected and render as a single clump of text with Twig.

Instructions

To get textarea fields to display correctly with the line breaks, you can use the nl2br Twig filter:

{{ myFieldHandle|nl2br }}
{{ submission[field.handle]|nl2br }}

Email Notifications

How this may look when displaying submission data in an email notification template when iterating through all fields:

<p>Submitted on: {{ dateCreated|date('l, F j, Y \\a\\t g:ia') }}</p>
<ul>
{% for field in allFields %}
{% if field.type == "textarea" %}
{{ field.value|nl2br }}
{% else %}
<li>{{ field.label }}: {{ field.valueAsString }}</li>
{% endif %}
{% endfor %}
</ul>

Submissions on Front End

How this may look when displaying submission data for a single submission on the front end (assuming the ID is in 3rd segment) when iterating through all fields:

{% set submissionId = craft.app.request.segment(3) %}
{% set submission = freeform.submissions({id: submissionId}).one() %}

{% if submission %}
<h3>{{ submission.title }}</h3>
<table class="table table-striped">
{% for field in submission %}
<tr>
<th>{{ field.label ? field.label : "no-label" }}</th>
<td>
{% if field.type == "textarea" %}
{{ submission[field.handle]|nl2br }}
{% else %}
{{ submission[field.handle] }}
{% endif %}
</td>
</tr>
{% endfor %}
</table>
{% endif %}