如何在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
相关产品推荐
相关产品推荐

