# Customize markdown rendering in NR

**URL:** <https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463>\
**Category:** General\
**Created:** [2 August 2025 15:21 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463 "2025-08-02T15:21:50Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![duaw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/duaw/32/20970_2.png) [@duaw](https://discourse.nodered.org/u/duaw)\
**Post date:** [2 August 2025 15:21 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/1 "2025-08-02T15:21:50Z")

</div>

Hi there!

Is it (easily …) possible to set / modify how markdown is rendered in NR?

I use Obsidian and like the bigger font for `# Heading level 1` compared to `## Heading level 2`

However, I prefer NR’s color for `code` and the nicer bullets changing w/ indentation.

The possibiliy to collapse a section would also be great!

Cheers, Uwe

---

<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:** [2 August 2025 15:49 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/2 "2025-08-02T15:49:51Z")

</div>

> [@duaw](#):
>
> modify how markdown is rendered in NR?

Where in Node-RED? There are various places where Markdown might be rendered.

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [2 August 2025 16:42 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/3 "2025-08-02T16:42:33Z")

</div>

> [@TotallyInformation](#):
>
> various places where Markdown might be rendered

If you mean the frontend, then they all use the same base function --\> [RED.utils.renderMarkdown](https://github.com/node-red/node-red/blob/9bf42037b5f68012a134810ea92ecfe9b6cef112/packages/node_modules/%40node-red/editor-client/src/js/ui/utils.js#L122-L126).

---

<div class="post-metadata">

**Author:** ![duaw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/duaw/32/20970_2.png) [@duaw](https://discourse.nodered.org/u/duaw)\
**Post date:** [3 August 2025 07:48 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/4 "2025-08-03T07:48:33Z")

</div>

Sorry for the confusion.

Yes the front end. Markdown rendered in comments. And yes, I see 1543 lines of code. This is the place.

> Is it (easily …) possible to set / modify how markdown is rendered in NR?

**Easily.** Fiddling with this code, building NR is not an option.

I take that as an answer no to the question.

Cheers, Uwe

---

<div class="post-metadata">

**Author:** ![gregorius](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gregorius/32/73816_2.png) [@gregorius](https://discourse.nodered.org/u/gregorius)\
**Post date:** [3 August 2025 10:14 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/5 "2025-08-03T10:14:12Z")

</div>

> [@duaw](#):
>
> **Easily.** Fiddling with this code, building NR is not an option.

For me that is easy.

Your emphasis on "easily" is purely a personal perspective. I cannot judge what is easy for you, just as you cannot judge what is easy for me.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [3 August 2025 11:25 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/6 "2025-08-03T11:25:56Z")

</div>

This doesn't require any code changes or modification of Node-RED.

Under the `editorTheme` property in your settings file is a way to provide a file of custom CSS that is applied to the editor. As you just want to change the styling of the headers, that's the way to do it.

I'm not near my laptop to give you a more specific pointer as to _which_ style to modify, but wanted to at least point you on the right track.

---

<div class="post-metadata">

**Author:** ![duaw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/duaw/32/20970_2.png) [@duaw](https://discourse.nodered.org/u/duaw)\
**Post date:** [3 August 2025 12:08 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/7 "2025-08-03T12:08:37Z")

</div>

Thank you for your hints. However, I am just a user of NR enjoying the “Low-code programming” approach to create simple solutions to my problems.

I happily create flows, I can understand and write basic JS code in function nodes, I use JSON and I can change configuration files in a basic way on the Pi.

CSS and the like is out of my scope. For me, this is not “Low-code programming”.

Cheers, Uwe

PS I just (re-) discovered that level 3 headings can be expanded/collapsed.

 ![Bildschirmfoto 2025-08-03 um 13.56.13](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/b/2b8dd416b4aba19a29bb69c76f36bb979ae6a437.png)

---

<div class="post-metadata">

**Author:** ![jbudd](https://avatars.discourse-cdn.com/v4/letter/j/5f8ce5/32.png) [@jbudd](https://discourse.nodered.org/u/jbudd)\
**Post date:** [3 August 2025 14:48 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/8 "2025-08-03T14:48:06Z")

</div>

> [@duaw](#):
>
> CSS and the like is out of my scope.

Just in case you want to try it:

In settings.js, immediately after

```auto
    editorTheme: {

```

Add these 3 lines (change the path /home/pi/.node-red/editor.css to something appropriate for your setup)

```auto
page: {
        css: "/home/pi/.node-red/editor.css"
},

```

And create the css file containing eg

```auto
.red-ui-help h1 {
        font-size: 3em;
}

```

Then restart Node-red.  
This styles `h1` elements within a div with class `red-ui-help`.  
3em; is probably too big. 2 - 2.5em; may be just right.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/f/7f3c7fc41138028799ab7359e03e5c5e008f894e.png)

---

<div class="post-metadata">

**Author:** ![duaw](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/duaw/32/20970_2.png) [@duaw](https://discourse.nodered.org/u/duaw)\
**Post date:** [3 August 2025 17:10 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/9 "2025-08-03T17:10:32Z")

</div>

Brilliant. Thank you!

---

<div class="post-metadata">

**Author:** ![tonni6030](https://avatars.discourse-cdn.com/v4/letter/t/b19c9b/32.png) [@tonni6030](https://discourse.nodered.org/u/tonni6030)\
**Post date:** [4 August 2025 12:39 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/10 "2025-08-04T12:39:25Z")

</div>

> [@duaw](#):
>
> Hi there!
> 
> Is it (easily …) possible to set / modify how markdown is rendered in NR?
> 
> I use Obsidian and like the bigger font for `# Heading level 1` compared to `## Heading level 2`
> 
> However, I prefer NR’s color for `code` and the nicer bullets changing w/ indentation.
> 
> The possibiliy to collapse a section would also be great!
> 
> Cheers, Uwe

Hi Uwe, at the moment there's no easy way to change how markdown is rendered in NR like you can in Obsidian. You can't adjust things like heading sizes directly, but you're right that NR has a cleaner look when it comes to code blocks and bullet points. The way bullets change with indentation is a nice touch. Collapsible sections would be a great feature too. Hopefully they add more customization options in the future.

---

<div class="post-metadata">

**Author:** ![knolleary](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/knolleary/32/3_2.png) [@knolleary](https://discourse.nodered.org/u/knolleary)\
**Post date:** [4 August 2025 13:06 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/11 "2025-08-04T13:06:18Z")

</div>

@tonni6030 that just isn’t correct. As described in the other replies it is possible to provide custom CSS to modify the appearance/size of the headers.

---

<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:** [18 August 2025 13:07 UTC](https://discourse.nodered.org/t/customize-markdown-rendering-in-nr/98463/12 "2025-08-18T13:07:13Z")

</div>

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