FlowFuse / FlowFuse/node-red-dashboard

Add full content to Markdown-Node

Open
#1,101 9 comments 0 reactions 0 assignees View on GitHub
size:M type:bug
Dominant language
HTML
Stars
355
Forks
82
Avg merge
4d 20h
Merged PRs (30d)
24

Description

### Current Behavior

Content shows as text

### Expected Behavior

Content shows as markdown

### Steps To Reproduce

1. make a Markdown-Text in a Template-Node
2. connect to Dashboard Markdown-Node
3. add {{ msg.payload }} to the Markdown-Node

Example:
```
[
{
"id": "fe10b74873aebcc0",
"type": "tab",
"label": "Flow 5",
"disabled": false,
"info": "",
"env": []
},
{
"id": "66d1e5776bc7e3ed",
"type": "inject",
"z": "fe10b74873aebcc0",
"name": "",
"props": [
{
"p": "payload"
}
],
"repeat": "",
"crontab": "",
"once": false,
"onceDelay": 0.1,
"topic": "",
"payload": "",
"payloadType": "str",
"x": 90,
"y": 100,
"wires": [
[
"25c4ceaa8ff3c491"
]
]
},
{
"id": "25c4ceaa8ff3c491",
"type": "template",
"z": "fe10b74873aebcc0",
"name": "",
"field": "payload",
"fieldType": "msg",
"format": "markdown",
"syntax": "plain",
"template": "# Markdown Content\n\n## Secondary Header\n\n### Third Header\n\nParagraph here...\n\ninline `` with other text either side\n\n```js\n// multiline\nfunction () {\n console.log('hello world')\n}\n```\n\n- List Item 1\n- List Item 1\n- List Item 1\n- List Item 1\n\n[Hyperlink](https://news.bbc.co.uk)\n\n---\n\n> Lorum Ipsum Quotation Over two lines \n\n| Header 1 | Header 2 |\n|-|-|\n| eins | zwei |",
"output": "str",
"x": 300,
"y": 100,
"wires": [
[
"c61f4317ad20f535"
]
]
},
{
"id": "c61f4317ad20f535",
"type": "ui-markdown",
"z": "fe10b74873aebcc0",
"group": "be8440d16f7098fc",
"name": "",
"order": 2,
"width": 0,
"height": 0,
"content": "{{ msg.payload }}",
"className": "",
"x": 490,
"y": 100,
"wires": [
[]
]
},
{
"id": "be8440d16f7098fc",
"type": "ui-group",
"name": "Group Name",
"page": "60fb1b70653660dd",
"width": "6",
"height": "1",
"order": 1,
"showTitle": true,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "60fb1b70653660dd",
"type": "ui-page",
"name": "Obsidian",
"ui": "863357a5c2346037",
"path": "/page3",
"icon": "home",
"layout": "grid",
"theme": "07f2253c8612a459",
"order": 4,
"className": "",
"visible": "true",
"disabled": "false"
},
{
"id": "863357a5c2346037",
"type": "ui-base",
"name": "My Dashboard",
"path": "/dashboard",
"includeClientData": true,
"acceptsClientConfig": [
"ui-notification",
"ui-control"
],
"showPathInSidebar": false,
"showPageTitle": true,
"navigationStyle": "default",
"titleBarStyle": "default"
},
{
"id": "07f2253c8612a459",
"type": "ui-theme",
"name": "Default Theme",
"colors": {
"surface": "#ffffff",
"primary": "#0094CE",
"bgPage": "#eeeeee",
"groupBg": "#ffffff",
"groupOutline": "#cccccc"
},
"sizes": {
"pagePadding": "12px",
"groupGap": "12px",
"groupBorderRadius": "4px",
"widgetGap": "12px"
}
}
]
```

### Environment

- Dashboard version: 1.13.0
- Node-RED version: 4.0.2
- Node.js version: 18.20.3
- npm version: 10.7.0
- Platform/OS: Debian 12.6 (64-bit)
- Browser: Chromium 126.0.6478.126

### Have you provided an initial effort estimate for this issue?

I am not a FlowFuse team member

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by reproducing the provided flow with a Template-Node feeding the Dashboard Markdown-Node, then trace the Markdown-Node rendering path. Done means content supplied through {{ msg.payload }} is rendered as markdown, including headings, code, lists, links, quotations, and tables, rather than displayed as plain text.

Written by the indexing model from the issue text.

Assessment

Tech stack
html, markdown
Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.