BBCode Parser

BBCode parser testing area.
Static Test | Dynamic Test
BBCode (Input)
HTML (Output)
Rendered

[b]This is a bold test.[/b]
<b>This is a bold test.</b>
This is a bold test.

[b]This is an emoji shortname test. :beer: :cat:[/b]
<b>This is an emoji shortname test. 🍺 🐱</b>
This is an emoji shortname test. 🍺 🐱

[url]http://antram.com[/url]
<a href="http://antram.com">http://antram.com</a>

[url=http://antram.com]Link to antram.com[/url]
<a href="http://antram.com" title="http://antram.com">Link to antram.com</a>

[url="http://antram.com"]Link to antram.com[/url]
<a href="http://antram.com" title="http://antram.com">Link to antram.com</a>

[url]mailto:contact@antram.com[/url]
<a href="mailto:contact@antram.com">mailto:contact@antram.com</a>

[url=mailto:contact@antram.com]Mail to contact@antram.com[/url]
<a href="mailto:contact@antram.com" title="mailto:contact@antram.com">Mail to contact@antram.com</a>

[url="mailto:contact@antram.com"]Mail to contact@antram.com[/url]
<a href="mailto:contact@antram.com" title="mailto:contact@antram.com">Mail to contact@antram.com</a>

[hr]
<hr />


[HR]
<hr />


\[hr]
[hr]
[hr]

[color=red]This is red.[/color] [color=#c75050]This is Win8 red.[/color] [color=#ed7099]This is CodePlex pink.[/color]
<span style="color:red">This is red.</span> <span style="color:#c75050">This is Win8 red.</span> <span style="color:#ed7099">This is CodePlex pink.</span>
This is red. This is Win8 red. This is CodePlex pink.

[color="red"]This is red.[/color] [color="#c75050"]This is Win8 red.[/color] [color="#ed7099"]This is CodePlex pink.[/color]
<span style="color:red">This is red.</span> <span style="color:#c75050">This is Win8 red.</span> <span style="color:#ed7099">This is CodePlex pink.</span>
This is red. This is Win8 red. This is CodePlex pink.

[acro]AFAIK[/acro]
<acronym>AFAIK</acronym>
AFAIK

[acro=As Far As I Know]AFAIK[/acro]
<acronym title="As Far As I Know">AFAIK</acronym>
AFAIK

[acro="As Far As I Know"]AFAIK[/acro]
<acronym title="As Far As I Know">AFAIK</acronym>
AFAIK

[left]Left aligned.[/left]
<div style="text-align:left;">Left aligned.</div>
Left aligned.

[right]Right aligned.[/right]
<div style="text-align:right;">Right aligned.</div>
Right aligned.

[center]Center aligned.[/center]
<div style="text-align:center;">Center aligned.</div>
Center aligned.

[c]Center aligned.[/c]
<div style="text-align:center;">Center aligned.</div>
Center aligned.

[quote]There is nothing permanent except change.[/quote]
<blockquote>There is nothing permanent except change.</blockquote>
There is nothing permanent except change.

[quote=Albert Einstein]I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.[/quote]
<blockquote><cite>Albert Einstein wrote:</cite>I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.</blockquote>
Albert Einstein wrote:I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.

[quote="Albert Einstein"]I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.[/quote]
<blockquote><cite>Albert Einstein wrote:</cite>I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.</blockquote>
Albert Einstein wrote:I know not with what weapons World War III will be fought, but World War IV will be fought with sticks and stones.

[img]http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg[/img]
<img src="http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg" />

[url="http://bing.com"][img]http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg[/img][/url]
<a href="http://bing.com" title="http://bing.com"><img src="http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg" /></a>

[url=http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg][img]http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg[/img][/url]
<a href="http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg" title="http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg"><img src="http://4.bp.blogspot.com/-2j8EVE2rPfs/UYDPbNbDr3I/AAAAAAAABHQ/0Irk6WfORXw/s1600/BingWallpaper-2013-05-01.jpg" /></a>

[youtube]3nDGQj8hxn8[/youtube]
<div class="video"><iframe width="516" height="321" src="//www.youtube.com/embed/3nDGQj8hxn8" allowFullScreen></iframe></div>

[vimeo]85569158[/vimeo]
<div class="video"><iframe src="//player.vimeo.com/video/85569158?portrait=0" width="516" height="321" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe></div>

[ustream]6540154[/ustream]
<div class="video"><iframe width="516" height="321" src="//www.ustream.tv/embed/6540154?html5ui" scrolling="no" allowfullscreen webkitallowfullscreen frameborder="0" style="border: 0px none transparent;"></iframe></div>

Hello World in [b]C#[/b]: [code="csharp"] //Hello World using System; class Solution { static void Main(string[] args) { Console.WriteLine("Hello World!"); } } [/code]
Hello World in <b>C#</b>:<br /><pre><code class="lang-csharp">//Hello World using System; class Solution { static void Main(string[] args) { Console.WriteLine("Hello World!"); } } </code></pre>
Hello World in C#:
//Hello World
using System;
class Solution
{
    static void Main(string[] args)
    {
        Console.WriteLine("Hello World!");
    }
}

Hello World in [b]C#[/b]: [code=lang-csharp] //Hello World using System; class Solution { static void Main(string[] args) { Console.WriteLine("Hello World!"); } } [/code]
Hello World in <b>C#</b>:<br /><pre><code class="lang-csharp">//Hello World using System; class Solution { static void Main(string[] args) { Console.WriteLine("Hello World!"); } } </code></pre>
Hello World in C#:
//Hello World
using System;
class Solution
{
    static void Main(string[] args)
    {
        Console.WriteLine("Hello World!");
    }
}

Hello World in [b]C++[/b]: [code="cpp"]//Hello World #include <string> #include <vector> using namespace std; int main() { std::cout << "Hello World!" << endl; return 0; } [/code]
Hello World in <b>C++</b>:<br /><pre><code class="lang-cpp">//Hello World #include &lt;string&gt; #include &lt;vector&gt; using namespace std; int main() { std::cout &lt;&lt; "Hello World!" &lt;&lt; endl; return 0; } </code></pre>
Hello World in C++:
//Hello World
#include <string>
#include <vector>
using namespace std;
int main()
{
    std::cout << "Hello World!" << endl;
    return 0;
}

Hello World in [b]JavaScript[/b]: [code="javascript"]//Hello World console.log('Hello World!'); [/code]
Hello World in <b>JavaScript</b>:<br /><pre><code class="lang-javascript">//Hello World console.log('Hello World!'); </code></pre>
Hello World in JavaScript:
//Hello World
console.log('Hello World!');

Hello World in [b]C[/b]: [code="c"]#include <stdio.h> int main() { printf("Hello World!"); return 0; } [/code]
Hello World in <b>C</b>:<br /><pre><code class="lang-c">#include &lt;stdio.h&gt; int main() { printf("Hello World!"); return 0; } </code></pre>
Hello World in C:
#include <stdio.h>
int main() {
    printf("Hello World!");
    return 0;
}

[audio]http://cdn.antram.com/media/audio/sample.mp3[/audio]
<audio controls src="http://cdn.antram.com/media/audio/sample.mp3">Your browser does not support the audio tag.</audio>