Mark as safe HTML: safe
The safe filter marks a string as safe HTML, which means it will not be automatically escaped when rendered in an HTML context. Without this filter, HTML characters like < and > would be converted to their entity equivalents to prevent accidental HTML injection.
This is useful when you intentionally want to include HTML markup in your output. For example, you might want to include bold text, links, or line breaks in a Markdown card or an HTML notification message. Use this filter with care and only on content you trust, since it bypasses the automatic escaping that protects against malformed or unexpected HTML.
Usage
Here’s how to use this template function. Copy any example and adjust it to your setup.
{{ "<b>Important</b> message" | safe }}
<b>Important</b> message
Function signature
The signature is a technical summary of this template function. It shows the name of the function, the values (called parameters) it accepts, and what type of data each parameter expects (for example, a piece of text or a number).
Function parameters that have a = with a value after them are optional. If you leave them out, the default value shown is used automatically. Function parameters without a default are required.
safe(
value: str,
) -> str
Function parameters
The following parameters can be provided to this function.
Good to know
- Only apply this to content you trust. Untrusted input marked safe can inject HTML.
- Use
forceescapedownstream to re-escape a value that was marked safe.
Try it yourself
Ready to test this? Open Developer tools > Template, paste the example into the Template editor, and watch the result update on the right. Edit the values to see how the function adapts to your own entitiesAn entity represents a sensor, actor, or function in Home Assistant. Entities are used to monitor physical properties or to control other entities. An entity is usually part of a device or a service. [Learn more].
More examples
Real scenarios where this function comes up in automations and templates. Copy any example and adapt it to your setup.
Include HTML formatting in a notification
Mark a string as safe to include bold text in an HTML notification.
{{
("<b>Alert:</b> Motion detected in the "
~ states("sensor.last_motion_room")) | safe
}}
<b>Alert:</b> Motion detected in the living room
Add a line break in output
Include an HTML line break in your template output.
{{ ("Temperature: 22°C<br>Humidity: 65%") | safe }}
Temperature: 22°C<br>Humidity: 65%
Still stuck?
The Home Assistant community is quick to help: join Discord for real-time chat, post on the community forum with your template and expected result, or share on our subreddit /r/homeassistant.
AI assistants like ChatGPT or Claude can also explain or fix templates when you describe what you want in plain language.
Related template functions
These functions work well alongside this one:
-
Escape HTML characters: escape - Escapes HTML special characters in a string so they display as literal text.
-
Force-escape HTML characters: forceescape - Escapes HTML special characters, even on strings already marked as safe.
-
Strip HTML tags: striptags - Removes all HTML/XML tags from a string, leaving only the text content.