A ~100LoC safe Beyond Markdown
to NodeList parser.
import md2dom from "./md2dom.js";
const Md = new md2dom()
myDiv.replaceChildren(...Md.parse("Hi *me* !"));This parser favor simplicity and safety over backward compatibility.
- all HTML tags (
<script>,<!-- ...) are rendered as plain text. - blockquote use the same block syntax (
>>>and<<<) as block of code
See: live rendering
| render | Markdown |
|---|---|
| strong word | *strong word* |
| strong word | _strong word_ |
| emphasis word | **emphasis word** |
| emphasis word | __emphasis word__ |
~~strike word~~ |
|
| 👍 | :+1: |
inline code |
`inline code` |
| ftp://[email protected]/z | <ftp://[email protected]/z> |
| [email protected] | <[email protected]> |
| my link | [my link](url) |
 |
|
[](url) |
CommonMark syntax are also supported for when precise formating (middle of a word) is needed
| render | CommonMark |
|---|---|
| st{ron}g | st{_ron_}g |
| em{pha}sis | em{*pha*}sis |
| high{=li=}ght | high{=li=}ght |
| de{-le-}tion | de{-le-}tion |
| in{+ser+}tion | in{+ser+}tion |
| st{ |
st{~ri~}ke |
~sub~ |
|
| ^sup^ | ^sup^ |
To format code into its own distinct block, use at least three ``` syntax.
```prng.c
int getRandomNumber() {
return 4; // chosen by fair dice roll
}
```
blockquote starts with
>and can span on multiple lines
another distinct blockquote
Same as markdown, but with stricter syntax: all rows must start and end with a |.
|A 1 cell table|
If a separator/align line is found, all it preceding lines become th
| Default Header | Left Header | Center Header | Right Header |
|---|---|---|---|
| Default | Left | Center | Right |
-
first list item
-
same list item
-
new list because of new paragraph
- new list because of type changes
- new list because of type changes again
- numerated list starting at 5
- next entry is simply incremented
- unnumbered nesting example
- two space is 1 indent
- even deeper
- continued
- back to level 2
- two space is 1 indent
- the end
- number nesting
- dive two level directly
- dive two level directly
- we need to go deeper
- we need to go deeper
- we need to go deeper
- dive two level directly
- back to skiped level 2
- back to level 1