eXBBCode parser

Your extendable, fast and reliable BB-Code parser and renderer for JavaScript.

Attention

~~Do not use the HTML output without verify it!
Its highly recommended to send it throw DOMPurify!~~ Since we're using React instead of building a HTML string we've no need for this anymore!

Test code

[b]Hello <> \\\\[font=arial]:_D[/font] [url=https://google.de]World[/] [hr] [color=FF00FFFF]Second line [/b]
 s dsdsdsdsdsds sddddd asdasdasd :D Hello World



[color=red]this should be red[/color]
[color=FFFF00]this should be yellow[/color]
[color=0000FF99]this should be blue with transparency[/color]

[url][color=red]teaspeak.de[/url]

[no-parse][b] this is a bbcode [/b][/no-parse]
[b]this is actiually bold[/b]

[c] This text is centered [/c]
[r] This text is right aligned     [/r]
[bgcolor=red][c] Left text [l] This test is left aligned [/l][/c][/bgcolor]

[size=9]Big Text[/size]
[size=2rem]Double size text[/size]
[font="Arial Black", Gadget, sans-serif]Its bold[/font]

[code]
//BBCodes will be escaped as well: [br]
function test() {
    console.log("Hello World");
}
[/code] :D

Some inline [icode]code[/icode] is this

[i]Italic[/i]
[u]Underlined[/u]
[s]Strike though[/s]

[noparse]
Added a no parse here to avoid image loading
[url]https://google.com[/url]
[url=https://google.com]click me[/url]

[img]https://teaspeak.de/img/teaspeak_cup_animated.png[/img]
[img=https://teaspeak.de/img/teaspeak_cup_animated.png]A hover test[/img]
[url=https://google.com][img=https://teaspeak.de/img/teaspeak_cup_animated.png]click me![/img][/url]
[/noparse]

[sub]Hello World[/sub]Hello World[sup]Hello [sup]Hello [sup]Hello World[/sup] World[/sup] World[/sup]
[hr] :D[br]XXXXX

[ulist][*] Element A
[*] Element B
[*] Element C
[/ulist][olist][*] Element A
[*] Element B
[*] Element C
[/olist]

<hr>
<script>alert(1);</script>

[noparse][yt]https://www.youtube.com/watch?v=TLci6ErUugM[/yt]