1.1.0 • Published 4 years ago
tcbbcode v1.1.0
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
}