test.md

footnotes

This is a ¹.

colored text

text in red

text in blue

{toc}

!toc

pre-processed with markedpp

• footnotes
• {anchor}
• {status}
• {note}
• {info}
• {warning}
• {code}
• {plantuml}

{anchor}

Write your cross-references as with markdown...

[Goto anchor](#anchor)
...
<a name="anchor"></a>

{status}

This shall render a !status(STATUS) macro.

In !status(color=Red RED) !status(color=Yellow YELLOW) !status(color=Blue Blue) !status(color=Green GREEN)...

{note}

Note the TWO backticks ``

No title

``!note

• Note 1
• And here is some text

``

With title

``!note(This is the note title)

• Note 1
• And here is some text

``

{info}

Note the TWO backticks ``

No Title

``!info

• Info
• And here is some text

``

With Title

``!info(This is the info title)

• Info
• And here is some text

``

Using markdown-it-admon

!!! info This is the info title

- Info
- And here is some text

{warning}

Note the TWO backticks ``

No title

``!warning

• Warning
• And here is some text

``

With title

``!warning(This is the warning title)

• Warning
• And here is some text

``

{tip}

Note the TWO backticks ``

No title

``!tip

• Tip
• And here is some text

``

With title

``!tip(This is a tip)

• Tip
• And here is some text

``

{code}

Note the THREE backticks ```

// Write your code as usual...
(function () {
  console.log('This gets converted...')
})()

Just text

This is just a text clock

- one
- two
- three

{plantuml}

@startuml

' Write your plantuml code as usual...

actor Foo1
boundary Foo2
control Foo3
entity Foo4
database Foo5

Foo1 --> Foo2 : To boundary
Foo1 --> Foo3 : To control
Foo1 --> Foo4 : To entity
Foo1 --> Foo5 : To database

@enduml

@startuml

Alice --> Bob : Hello Bob
Alice <.. Bob : Hi Alice

@enduml

Footnotes

1. the footnote text ↩