BBCode Editor With Live Forum Preview

Type BBCode on the left, watch the rendered post appear on the right. Catch a broken tag, a runaway quote block, or a colour nobody will read, before the post goes live on the board.

Editor

Source on the left, rendered post on the right

BBCode source
Rendered post

The rendered post shows up here.

0 words0 characters1 line
Line 1, Column 1

BBCode is still the markup of message boards

HTML never made it into forum posts, for a good reason. Letting strangers write raw markup on a page you own is how a board ends up with someone's script running in a signature. BBCode was the compromise: square brackets instead of angle brackets, a fixed list of tags the software knows, everything else printed as plain text. phpBB, XenForo, MyBB, SMF, and vBulletin all still parse it, and so do plenty of game wikis, changelogs, and support desks built on top of them.

The trouble starts because BBCode was never standardised. Each board grew its own tag set and its own quirks, so a post rendering cleanly on one forum comes out mangled on the next. Writing in a preview pane first turns those surprises into edits you make before anyone reads the thread.

What each board actually accepts

The core tags are safe everywhere. The disagreements live in the second tier, and those are the ones worth checking before you paste a long post.

TagphpBBXenForoMyBBSMFNotes
[b] [i] [u] [url] [img] [quote] [code] [list]YesYesYesYesThe set to build a post around.
[s] strikethroughCustomYesYesYesphpBB needs an admin-defined custom tag for it.
[table] [tr] [td]NoYesNoYesOn phpBB and MyBB a table falls back to literal brackets.
[spoiler]CustomYesPluginVariesXenForo adds [ispoiler] for inline hiding.
[size] scalePercent1 to 7 or pxPercent or pxPointsSame tag, four different meanings for the number.
[center] [right]CustomYesUse [align]YesMyBB prefers [align=center] over the short form.

Board owners add and remove tags freely, so treat this as a starting point rather than a guarantee. When a forum publishes its own tag list in the help page, that page beats every table on the internet.

Where this preview and your forum will disagree

Being straight about the gaps saves you a wasted post:

Tags the preview renders

Text

[b]bold[/b], [i]italic[/i], [u]underline[/u], [s]struck[/s], [color=#0d47fb]blue[/color], [size=4]larger[/size]

Links and media

[url]https://toolexe.com[/url], [url=https://toolexe.com/html/bbcode-editor]named link[/url], [img]https://cdn.toolexe.com/screenshot.png[/img], [email=support@toolexe.com]Mail us[/email]

Blocks

[quote]quoted text[/quote], [code]console.log(1)[/code], [spoiler]the ending[/spoiler], [hr]

Structure

[list][*]item[/list], [list=1][*]step[/list], [center]centred[/center], [right]right[/right], [table][tr][td]cell[/td][/tr][/table]

Working faster in the editor

Select text first, then press a toolbar button, and the tag wraps your selection instead of dropping an empty pair at the cursor. The colour swatch and the size dropdown behave the same way.

The Templates button drops in four starting points: a bug report with steps and environment rows, a guide post with numbered steps and a code block, a signature block, and a sampler showing every tag the preview understands. Each one replaces the editor contents, so copy anything worth keeping first.

A posting routine that avoids reposts

  1. Draft the words plainly. Get the sentences right before a single tag goes in. Formatting a paragraph you later delete is wasted effort.
  2. Add structure, then emphasis. Lists and quotes carry more meaning than bold text. Boards where every second word is bold are the ones people stop reading.
  3. Scan the preview for stray brackets. A literal [/b] in the rendered pane means a tag opened somewhere and never closed.
  4. Match the size scale to the board. A 6 here is not a 6 on phpBB.
  5. Paste into the board and use its preview once. Custom tags and theme colours only show up there.

BBCode questions people actually ask

Board differences, size scales, privacy, and what the preview does with a tag you left open.

Does the preview match my forum exactly?

It matches the common tags. Themes, avatars, quote headers, and any custom tags your admin added are rendered by the forum software, so a long post still deserves one look at the board preview before you submit.

Why did my [size] tag look wrong after posting?

Boards disagree on the size scale. phpBB reads a percentage such as size=150, XenForo accepts 1 to 7 or a pixel value, and SMF reads points. This editor uses the 1 to 7 scale, so translate the number when you paste into a board on a different scale.

Is my text uploaded anywhere?

No. Parsing and preview run inside your browser tab. Nothing reaches a server, so drafts holding private board content stay on your machine.

Can I paste an existing post and keep editing it?

Yes. Clear the editor, paste your post, and the preview redraws while you type. Ctrl+Z walks back through your edits.

Why does bold stop working across two lines?

The parser closes inline tags at the end of a line, same as most board software. Wrap each paragraph in its own tag pair rather than opening one at the top and closing it far below.

What happens to unclosed tags?

They show up as literal text in the preview instead of formatting. This is the fastest way to spot a missing closing tag before a board silently swallows half your post.