You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Mermaid流程图节点中添加实心项目符号而非短横线

解决Mermaid流程图节点实心项目符号问题

要把Mermaid节点里的短横线列表换成实心项目符号,有两种简单可行的方法:

方法1:使用Unicode实心圆点字符

直接把代码里的短横线替换为Unicode实心圆点(•)即可,这个字符可直接输入:

flowchart LR
    A[Node 1] --> B[Node 2: 
• A
• B]

方法2:内嵌HTML列表标签

Mermaid支持在节点内容里嵌入HTML,用标准的<ul><li>标签能渲染出规范的实心项目符号列表:

flowchart LR
    A[Node 1] --> B[<div>Node 2:
<ul>
<li>A</li>
<li>B</li>
</ul></div>]

两种方法都能实现目标效果,第二种更贴近标准HTML列表的渲染样式。

内容的提问来源于stack exchange,提问作者Quinten

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.12 23:13:08