\
**Category:** Share Your Nodes\
**Created:** [9 December 2020 23:07 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279 "2020-12-09T23:07:49Z")\
**Posts on this page:** 9\
**Page:** 1
**Author:**  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [9 December 2020 23:07 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/1 "2020-12-09T23:07:49Z")
Hi folks,
I was re-installing one of my Raspberry devices, and I found some custom nodes on it that were about 95% finished. I have such nodes lying around all over the place. It it is a very bad habbit. I should reserve some time to finalize the last 5% instead of starting with something new ...
Anyway I have quickly published one of those nodes on NPM ( 🍾 🥂):
This [node-red-contrib-jsontohtml](https://github.com/bartbutenaers/node-red-contrib-jsontohtml) node allows you transform a Javascript object to HTML, based on a specified transformation.
On the readme page you can find an example, where I inject an object (containing the statusses of various sensors):
Which is then transformed to HTML.
This allows me to show a popup dialog in my Node-RED dashboard very easily:
Have fun with it!!
Bart
---
**Author:**  [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [9 December 2020 23:47 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/2 "2020-12-09T23:47:22Z")
Errr why wouldn't I just use a template node ?
---
**Author:**  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [10 December 2020 06:22 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/3 "2020-12-10T06:22:30Z")
> [@dceejay](#):
>
> Errr
That sounds not like a motivational contribution speech...
Do you mean to write the html manually in a template node? Or is there perhaps a standard way to convert json to html, which I'm not aware of?
---
**Author:**  [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [10 December 2020 09:06 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/4 "2020-12-10T09:06:22Z")
Yes - that is exactly what the template node has been doing for the last 6 years...
```auto
[{"id":"21d27fe8.709f9","type":"inject","z":"ab9333b5.f44f6","name":"","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"name\":\"Front door\",\"status\":\"OPEN\"},{\"name\":\"Kitchen door\",\"status\":\"CLOSED\"},{\"name\":\"Bathroom window\",\"status\":\"CLOSED\"}]","payloadType":"json","x":100,"y":2080,"wires":[["2a4f2827.5def58"]]},{"id":"2a4f2827.5def58","type":"template","z":"ab9333b5.f44f6","name":"","field":"payload","fieldType":"msg","format":"handlebars","syntax":"mustache","template":"Notifications: \n{{#payload}}\n{{name}} - {{status}}\n{{/payload}}","output":"str","x":260,"y":2080,"wires":[["97a3b8b1.c7c538","8dcd2d7f.40e3e"]]},{"id":"97a3b8b1.c7c538","type":"debug","z":"ab9333b5.f44f6","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","statusVal":"","statusType":"auto","x":450,"y":2120,"wires":[]},{"id":"8dcd2d7f.40e3e","type":"ui_toast","z":"ab9333b5.f44f6","position":"dialog","displayTime":"3","highlight":"","sendall":true,"outputs":1,"ok":"OK","cancel":"","raw":true,"topic":"","name":"","x":450,"y":2080,"wires":[[]]}]
```
---
**Author:**  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [10 December 2020 14:42 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/5 "2020-12-10T14:42:28Z")
OMG...
Never seen this kind of functionality before ...
I will put your example on my readme page, and explain that is the standard way to go...
Thanks for the example!
---
**Author:**  [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [10 December 2020 16:39 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/6 "2020-12-10T16:39:32Z")
🙂 .... w do warn folk to discuss things here before diving in and writing loads of code... ah well as long as you enjoyed yourself.
---
**Author:**  [@BartButenaers](https://discourse.nodered.org/u/BartButenaers)\
**Post date:** [10 December 2020 19:00 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/7 "2020-12-10T19:00:33Z")
This must be one of my first custom nodes. Have used it since I started with Node-RED, and never have seen something similar passing by in the discussions that I follow. So it hasn't come up my mind that there was anything to discuss about it ...
Anyway I have updated the readme:
And added your example:
It now looks more like a advertising brochure for the Template node 😉
---
**Author:**  [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [10 December 2020 19:23 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/8 "2020-12-10T19:23:40Z")
:-). Stick to SVG goodness.
---
**Author:**  [@system](https://discourse.nodered.org/u/system)\
**Post date:** [7 February 2021 23:07 UTC](https://discourse.nodered.org/t/announce-node-red-contrib-jsontohtml/37279/9 "2021-02-07T23:07:51Z")
This topic was automatically closed after 60 days. New replies are no longer allowed.