Display Markdown

Show formatted text (headings, lists, links, tables) in a panel on the page you are looking at.

Try it

工作流 · explain-eli5.awf 4 个步骤

Explain Like I'm 5：包含 4 个步骤的工作流，从 Right-click a selection 开始，到 Show the explanation 结束。

1. 1 Right-click a selection（Context Menu — 打开其文档页面） Context Menu
2. 2 Get selected text（页面内操作 — 打开其文档页面） 页面内操作
3. 3 Explain simply（Basic LLM Chain — 打开其文档页面） Basic LLM Chain + Local AI model
4. 4 Show the explanation（Display Markdown — 打开其文档页面） Display Markdown

在 AWFlow 中打开 复制 .awf

What it does

Display Markdown renders the Markdown in Content and shows it in a panel in the bottom-right corner of the active tab. The panel has buttons to maximize, minimize and close it, and a copy button that copies the original Markdown.

• Title appears in the panel’s header. When you leave it empty, a default title is shown.
• Only one panel is shown at a time: running the node again replaces it.
• The panel belongs to the page: it disappears when the page reloads or you navigate away.
• This is an end node: it has no output, so nothing runs after it on this branch.

When to use it

• Show the result of an AI node (a summary, a translation, an answer) right next to the page it is about.
• Display a short report at the end of a workflow you run by hand.
• To show raw data as a tree instead of formatted text, use Display Object. To alert someone who is not looking at the page, use Browser Notification.

Inputs and settings

设置项	类型	作用
Title	Text	The title of the markdown content.
Content 必填（必填）	Markdown	The markdown content to display.

Content usually comes from an earlier node, for example {{ $input.summary }} after a Summarization node. You can mix fixed text and expressions:

**Summary of {{ $('Get Page Metadata').title }}**

{{ $input.summary }}

Outputs

This node has no output port: nothing runs after it on this branch.

Dependencies and credentials

None. This node needs no connection and has no slots for other nodes.

Example workflow

1. Add a Context Menu trigger.
2. Add Get All Text with Output field name = pageText.
3. Add a Summarization node with Text = {{ $input.pageText }}, and connect a chat model to it.
4. Add Display Markdown with Title = Summary and Content = {{ $input.summary }}.

Common issues

• No panel appears. The panel is drawn on the active tab. Make sure the page you want is the active tab when the node runs; browser settings pages and the extension store cannot show it.
• The panel is empty. Content resolved to nothing. Open the previous node’s output and point the expression at the field that holds the text.
• The panel disappeared. It is removed when the page reloads or navigates. Run the workflow again, or keep the result with Data Store.
• The node fails outside the extension. This node runs in the browser extension; install it or run the workflow from the extension.

Recipes with this node

Explain any highlighted text in plain words 入门 · 4 分钟 设备端 Summarize the page you're reading, on your device 入门 · 5 分钟 设备端

Related nodes

• Display Object: show the incoming data as a tree.
• Markdown: convert HTML to Markdown first.
• Browser Notification: alert the user outside the page.