在使用 Mermaid 画流程图时,是不是经常遇到想秀一波 "
却被它“反杀”的情况? 今天就来教大家如何在这头代码野兽的嘴里,抢回我们的双引号实体编码!
Mermaid 这个小机灵鬼♂️,看到 "
就以为是 HTML 的双引号,直接给你转成 "
吞下肚!但我们偏要让它原样吐出 "
,怎么办?
用 &
这个“替身”来假扮 &
,这样 Mermaid 就会看到 "
,然后—— 叭叭! 变出 "
!
用 Unicode 的右双引号 "
(U+201D)来“狸猫换太子”,视觉效果几乎一样哦~
用 classDef
画个金色气泡,把转义逻辑写在注释里,流程图瞬间高大上!
实体编码 | 对应字符 | 秘密身份 |
---|---|---|
< |
< |
小于号刺客 |
> |
> |
大于号守卫 |
|
空格 | 隐形占位符 |
© |
© | 版权守护者 |
下次遇到 "
被吞,记得用这些钥匙打开 Mermaid 的“真相之门”哦!