# Text and text file drag & drop into the description editor

**URL:** https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532
**Category:** Feature Requests
**Tags:** editor
**Created:** [20 February 2025 09:03 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532 "2025-02-20T09:03:47Z")
**Posts on this page:** 5
**Page:** 1

<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: [20 February 2025 09:03 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532/1 "2025-02-20T09:03:47Z")

</div>

Hi There,

Since the [image drag & drop feature](https://github.com/node-red/node-red/pull/4001), I've been thinking about dropping text and text files into the description editor (i.e. the editor opened for creating documentation of flows and nodes).

The current situation is that it doesn't work (NR 4.0.9):

![notextdragdrop](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/2/2207d3b35be4cf0de8de453b511d36ba229f7ac8.gif)

What it could be like:

![withtextdragdrop](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/2/0/202b937e0526259a2b2cd16136be1abeed035af2.gif)

What that shows is the dragging for highlighted text into the editor and also dragging a text file (or a file with mimetype starting with `text/`) and dropping that.

The second gif was created using the [serverless node red](https://cdn.flowhub.org) instance that already has this feature, so it can be tested there.

The corresponding [pull request](https://github.com/node-red/node-red/pull/5056).

---

<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: [20 February 2025 09:47 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532/2 "2025-02-20T09:47:18Z")

</div>

Also using this and the [flow2UML](https://flows.nodered.org/node/@gregoriusrippenstein/node-red-contrib-flow2uml) node package, it becomes easier to add mermaid diagrams to flow (or node) description:

![mermaiddiagram](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/d/5df4383797b931546aec1b164140e975688e3820.gif)

---

<div class="post-metadata">

### Author: ![GogoVega](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/gogovega/32/71313_2.png) [@GogoVega](https://discourse.nodered.org/u/GogoVega)
#### Post date: [20 February 2025 10:31 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532/3 "2025-02-20T10:31:00Z")

</div>

To do this, you should also adapt the text of the drop event.

---

<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: [20 February 2025 10:36 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532/4 "2025-02-20T10:36:19Z")

</div>

> [@GogoVega](#):
>
> you should also adapt the text of the drop event.

you mean "drop the image here" - ok ...

---

<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 April 2025 10:36 UTC](https://discourse.nodered.org/t/text-and-text-file-drag-drop-into-the-description-editor/95532/5 "2025-04-21T10:36:27Z")

</div>

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