# Include external clickable link in Comment node

**URL:** <https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342>\
**Category:** General\
**Created:** [23 June 2026 08:39 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342 "2026-06-23T08:39:01Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [23 June 2026 08:39 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/1 "2026-06-23T08:39:01Z")

</div>

For one of my node example imports I would like to show in the editor a clickable link to take the user to my external site for a detailed description of how to use the example. I tried using a Comment node and in there putting something like this in the Name field.  
`Click [this](https:mysite.com) for full details. Or <a href="https://mysite.com">Full Details</a>`  
That just shows as plain text in the editor though.

However, if I put that in the description field and click on the Information icon on the node then the popup text does include functioning links. Unfortunately I really want the link immediately visible as most users won't know to click on the Info icon so that is not ideal.

Is there any way (using core nodes) that I can get a clickable link immediately visible in the editor?

---

<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:** [23 June 2026 09:21 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/2 "2026-06-23T09:21:12Z")

</div>

> [@Colin](#):
>
> Is there any way (using core nodes) that I can get a clickable link immediately visible in the editor?

No it's not possible - AFAIK.

> [@Colin](#):
>
> Unfortunately I really want the link immediately visible as most users won't know to click on the Info icon so that is not ideal.

You mean that when clicking on the doc icon, the user is sent to the link _immediately_ and not shown the popover with the info description with the link?

I was thinking of [`RED.view.annotations.register(..)`](https://github.com/node-red/node-red/blob/85f2b71b42336657d90e6964f888f2c278ca5a8e/packages/node_modules/%40node-red/editor-client/src/js/ui/view-annotations.js#L80-L119)\[1\] but that does not have an option for making a badge clickable (except the docu icon but that can only [render the popover](https://github.com/node-red/node-red/blob/85f2b71b42336657d90e6964f888f2c278ca5a8e/packages/node_modules/%40node-red/editor-client/src/js/ui/view.js#L1258-L1307)). Else it would be perfect for creating a "link" badge that when clicked on, would redirect to the site behind the link.

* * *

1. That's responsible for generating those badges (i.e. error, changed, docu, etc) on the nodes.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [23 June 2026 09:38 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/3 "2026-06-23T09:38:27Z")

</div>

> [@gregorius](#):
>
> You mean that when clicking on the doc icon, the user is sent to the link _immediately_ and not shown the popover with the info description with the link?

No, ideally the link should be made immediately visible on importing the example flow. Most users won't know that clicking the doc icon is something they should contemplate.

Maybe the best I can do is to put the link just as text in the comment node Name field so they can copy it out to the browser, and put a link in the doc popover so that it is there if they do click on that.

---

<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:** [23 June 2026 09:44 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/4 "2026-06-23T09:44:07Z")

</div>

> [@Colin](#):
>
> No, ideally the link should be made immediately visible on importing the example flow

Ah ok, then I can remember the nesting of groups and setting different background colours to _really_ highlight the link

 ![Screenshot 2026-06-23 at 11.43.21](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/d/4dbd626aad80e4e0cc47ce8bfc9eb271f370f66c.png)

😉

```auto
[{"id":"cb432282358777d6","type":"group","z":"a2c5404d67ad4c2c","name":"","style":{"stroke":"#ff0000","label":true},"nodes":["0dd5bf0369946d43"],"x":571.9640197753906,"y":624.32470703125,"w":336,"h":186},{"id":"0dd5bf0369946d43","type":"group","z":"a2c5404d67ad4c2c","g":"cb432282358777d6","name":"","style":{"fill":"#ff7f7f","label":true},"nodes":["65d67f0b70b29df1"],"x":597.9640197753906,"y":650.32470703125,"w":284,"h":134},{"id":"65d67f0b70b29df1","type":"group","z":"a2c5404d67ad4c2c","g":"0dd5bf0369946d43","name":"","style":{"fill":"#ffffff","label":true},"nodes":["a8e5375d8902ac4e"],"x":623.9640197753906,"y":676.32470703125,"w":232,"h":82},{"id":"a8e5375d8902ac4e","type":"comment","z":"a2c5404d67ad4c2c","g":"65d67f0b70b29df1","name":"https://google.com","info":"[link](https://google.com)","x":739.9640197753906,"y":717.32470703125,"wires":[]}]

```

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [23 June 2026 10:12 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/5 "2026-06-23T10:12:23Z")

</div>

No one is going to miss that, certainly.

---

<div class="post-metadata">

**Author:** ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)\
**Post date:** [23 June 2026 10:25 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/6 "2026-06-23T10:25:50Z")

</div>

Can you not include the info in a comment node now that they support better markdown and the info icon ? I’m not sure we want to encourage links out to “random” 3rd party web sites (no offence) both of which could be exploited security wise

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [23 June 2026 11:13 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/7 "2026-06-23T11:13:37Z")

</div>

Possibly, I am looking at that. I need it externally anyway as a standalone tutorial (for PID tuning) so then I end up with maintaining it in two places, which is always a bad idea unless unavoidable.

Images would still need to be external would they not?

---

<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:** [23 June 2026 11:17 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/8 "2026-06-23T11:17:15Z")

</div>

> [@Colin](#):
>
> Images would still need to be external would they not?

Drag & drop into the info/description editor causes them to be inlined but bloating the flows.json file.

---

<div class="post-metadata">

**Author:** ![Colin](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/colin/32/17040_2.png) [@Colin](https://discourse.nodered.org/u/Colin)\
**Post date:** [23 June 2026 13:21 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/9 "2026-06-23T13:21:51Z")

</div>

I think that would be too much bloat. External links are probably better.

---

<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:** [21 September 2026 13:22 UTC](https://discourse.nodered.org/t/include-external-clickable-link-in-comment-node/101342/10 "2026-09-21T13:22:07Z")

</div>

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