This is like a charm, you can easily add something like:
With a fenced code blocks with the
Imm language code, for example blocks above are made with
sequenceDiagram Alice->>John: Hello John, how are you? John-->>Alice: Great!
graph LR A --- B B-->C[fa:fa-ban forbidden] B-->D(fa:fa-spinner wait); D-->E(fa:fa-angellist)
just start the fenced code block with
You can do whatever mermaid can easily insert:
You can use icons from css-integrated font-awesome, just use
Try the online editor, it is extremely useful tool to prepare/update diagrams. Just copypaste results to the kb page.