# Show html msg.payload on dashboard with template.node

**URL:** <https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650>\
**Category:** Dashboard\
**Created:** [10 March 2022 10:33 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650 "2022-03-10T10:33:55Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hoeby](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hoeby/32/58202_2.png) [@Hoeby](https://discourse.nodered.org/u/Hoeby)\
**Post date:** [10 March 2022 10:33 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650/1 "2022-03-10T10:33:55Z")

</div>

I am trying to post a HTML code as msg.payload on a dashboard with a template.node  
But the template.node doesn't post it as HTML text, but as plain text.

msg.payload looks like:

```auto
<b>07-03-2022 R1 Beta:</b><br> 
Check van versienummer controleert op response 200 of 201, anders retun false <br>
<b>06-03-2022 R1 Beta:</b><br>
- Download flows.json wordt nu opgeslagen met versie naam <br>
<b>05-03-2022 R2 Beta:</b><br>
- Je kan nu per zigbee bridge een command sturen <br>
- Kleur/text verandert bij een beschikbare update <br>

```

In the template i put {{msg.payload}}  
The text is visible, but not as HTML text, but it is shown as a text-block.  
So i see the html commands, like `<b>, </b>` and `<br>`

How can i transfer the msg.payload, that it works like HTML and not as text-block?

---

<div class="post-metadata">

**Author:** ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)\
**Post date:** [10 March 2022 11:30 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650/2 "2022-03-10T11:30:24Z")

</div>

You will need to show us your flow to understand what you are doing wrong.

---

<div class="post-metadata">

**Author:** ![E1cid](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/e1cid/32/77971_2.png) [@E1cid](https://discourse.nodered.org/u/E1cid)\
**Post date:** [10 March 2022 15:26 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650/3 "2022-03-10T15:26:25Z")

</div>

Either use msg.template (have your html text in msg.template)and have the template node blank  
Or  
use a html tag with ng-bind `<div ng-bind-html="msg.payload"></div>` You can use any tag span, p, etc

---

<div class="post-metadata">

**Author:** ![Hoeby](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hoeby/32/58202_2.png) [@Hoeby](https://discourse.nodered.org/u/Hoeby)\
**Post date:** [10 March 2022 18:23 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650/4 "2022-03-10T18:23:43Z")

</div>

great answer, a very big thanks.  
The solution was the ng-bind. It works to which i was looking for

`<div ng-bind-html="msg.payload"></div>`

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [24 March 2022 18:24 UTC](https://discourse.nodered.org/t/show-html-msg-payload-on-dashboard-with-template-node/59650/5 "2022-03-24T18:24:17Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.
