tcbbcode

BBCode to HTML converter.

Quick Reference

Name	BBCode Input	HTML Output
Text	example	example
Bold	[b]example[/b]	<b>example</b>
Italic	[i]example[/i]	<i>example</i>
Underline	[u]example[/u]	<u>example</u>
Strikethrough	[s]example[/s]	<s>example</s>
Deleted	[del]example[/del]	<del>example</del>
Inserted	[ins]example[/ins]	<ins>example</ins>
Emphasised	[em]example[/em]	<em>example</em>
Subscript	H[sub]2[/sub]O	H<sub>2</sub>O
Superscript	pi*r[sup]2[/sup]	pi*r<sup>2</sup>
Size	[size=12]example[/size]	<span style="font-size: 12pt;">example</span>
Size	[style size=12]example[/style]	<span style="font-size: 12pt;">example</span>
Color	[color=red]example[/color]	<span style="color: red;">example</span>
Color	[color=#FF0000]example[/color]	<span style="color: #ff0000;">example</span>
Color	[style color=red]example[/style]	<span style="color: red;">example</span>
Color	[style color=#ff0000]example[/style]	<span style="color: #ff0000;">example</span>
Center	[center]example[/center]	<div style="text-align: center;">example</div>
Left	[left]example[/left]	<div style="text-align: left;">example</div>
Right	[right]example[/right]	<div style="text-align: right;">example</div>
Quote	[quote]example[/quote]	<blockquote>example</blockquote>
Preformatted Text	[pre]example[/pre]	<pre>example</pre>
Code	[code]example[/code]	<div><pre><code>example</code></pre></div>
Code	[code=JavaScript]example[/code]	<div class="bbcode-code-lang-javascript"><pre><code>example</code></pre></div>
Heading 1	[h1]Heading 1 Text[/h1]	<h1>Heading 1 Text</h1>
Heading 2	[h2]Heading 2 Text[/h2]	<h2>Heading 2 Text</h2>
Heading 3	[h3]Heading 3 Text[/h3]	<h3>Heading 3 Text</h3>
Heading 4	[h4]Heading 4 Text[/h4]	<h4>Heading 4 Text</h4>
Heading 5	[h5]Heading 5 Text[/h5]	<h5>Heading 5 Text</h5>
Heading 6	[h6]Heading 6 Text[/h6]	<h6>Heading 6 Text</h6>
Table	[table][tr][th]example[/th][/tr][tr][td]example[/td][/tr][/table]	<table><tr><th>example</th></tr><tr><td>example</td></tr></table>
list	[list][li]example[/li][/list]	<ul><li>example</li></ul>
list	[ul][li]example[/li][/ul]	<ul><li>example</li></ul>
list	[ol][li]example[/li][/ol]	<ol><li>example</li></ol>
Link	[url]https://example.com/[/url]	<a href="https://example.com/">https://example.com/</a>
Link	[url=https://example.com/]example[/url]	<a href="https://example.com/">example</a>
Image	[img]http://i.imgur.com/FXSBf8c.jpg[/img]	<img src="http://i.imgur.com/FXSBf8c.jpg" alt="FXSBf8c.jpg" />
Image	[img=202x304]http://i.imgur.com/FXSBf8c.jpg[/img]	<img src="http://i.imgur.com/FXSBf8c.jpg" alt="FXSBf8c.jpg" width="202" height="304" />
Image	[img width=202 height=304]http://i.imgur.com/FXSBf8c.jpg[/img]	<img src="http://i.imgur.com/FXSBf8c.jpg" alt="FXSBf8c.jpg" width="202" height="304" />
Youtube	[youtube]dQw4w9WgXcQ[/youtube]	<div><iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>

Notes for End Users

• Valid color Names: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow

Usage Example

const bbcode = require('tcbbcode');

try {
    const output = bbcode(input);
    // ... do something with the output
} catch (err) {
    // ... do something with the error
}