# Open UI template HTML code in a code editor (VS code)

**URL:** https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885
**Category:** Dashboard
**Created:** [17 July 2023 14:21 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885 "2023-07-17T14:21:42Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![mehdichbani](https://avatars.discourse-cdn.com/v4/letter/m/a9a28c/32.png) [@mehdichbani](https://discourse.nodered.org/u/mehdichbani)
#### Post date: [17 July 2023 14:21 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885/1 "2023-07-17T14:21:42Z")

</div>

Hello, I want to edit my ui template code in vscode. Is this possible?

---

<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: [17 July 2023 16:11 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885/2 "2023-07-17T16:11:25Z")

</div>

node-red node settings are not saved as individual files, but as part of a single JSON file so no, not directly but there is nothing to stop you copy 👉 paste 👉 edit 👉 copy 👉 paste.

Are you using node-red v3+? The code editor in the template node is "Monaco" - the same underlying editor as vscosde uses.

---

<div class="post-metadata">

### Author: ![mehdichbani](https://avatars.discourse-cdn.com/v4/letter/m/a9a28c/32.png) [@mehdichbani](https://discourse.nodered.org/u/mehdichbani)
#### Post date: [17 July 2023 16:30 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885/3 "2023-07-17T16:30:11Z")

</div>

yes I am using the Node-RED version: v3.0.2. This is what my template node's code editor looks like:  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/6/9/6964bdf97413959ac125494bd3752aa499a378ed.png)

---

<div class="post-metadata">

### Author: ![TotallyInformation](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/totallyinformation/32/31_2.png) [@TotallyInformation](https://discourse.nodered.org/u/TotallyInformation)
#### Post date: [17 July 2023 19:29 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885/4 "2023-07-17T19:29:34Z")

</div>

If you are wanting to do custom front-end code in Node-RED, you could use uibuilder but unless you know AnguarJS, you will have to create things in a different way to Dashboard.

---

<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: [16 August 2023 19:29 UTC](https://discourse.nodered.org/t/open-ui-template-html-code-in-a-code-editor-vs-code/79885/5 "2023-08-16T19:29:44Z")

</div>

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