BBCode Editor | UFKU.com

Update: BUEditor 6.x-2.x or later versions come with a predefined BBCode editor. Use that one instead of the editor below.

Bbcode module provides a filter to use BBCode tags in Drupal posts. Although BUEditor allows usage of BBCode tags by default, its most important features such as instant preview or IMCE integrated image and link dialogs works for only HTML tags. This is because any other tag system requires extra process to be converted into HTML.

Below is a re-implementation of default buttons that allow insertion and instant preview of BBCode tags. The code in the demo contains most of the tags that are supported for previewing.

BBCode Editor:

[list=1]
 [*][b]bold[/b]
 [*][i]italic[/i]
 [*][img=32x32]/files/images/rss.png[/img]
 [*][url=http://ufku.com]link[/url]
  [list]
   [*]sub-list
   [*][s]striked[/s]
     [list=A]
      [*]sub-sub-list
      [*][u]underlined[/u]
     [/list]
  [/list]
[/list]

Table[table]
 [row]
  [head]Head1[/head][head]Head2[/head]
 [/row]
 [row]
  [col]Cell1[/col][col]Cell2[/col]
 [/row]
[/table]

[email=mailto@example]mailto[/email]
[url=#a]anchor link[/url]
[anchor=a]anchor[/anchor]

[color=#00f]colo[color=red]red[/color][/color]
[size=24]si[size=10]z[/size]ed[/size]
[font=Courier]font-family: courier[/font]

Super[sup]script[/sup]
Sub[sub]script[/sub]

[h1]Header1[/h1]
[h2]Header2[/h2]
[h3]Header3[/h3]
[h4]Header4[/h4]
[h5]Header5[/h5]
[h6]Header6[/h6]

[left]Left[/left]
[right]Right[/right]
[center]Center[/center]
[justify]Justified text[/justify]
[float=left]Float-left[/float]
[float=right]Float-right[/float]

[acronym=Acronym title]Acronym[/acronym]
[abbr=Abbreviation title]Abbreviation[/abbr]

Horizontal line[hr]
Line[br]break
Sp[sp] [sp]aces

[quote]Anonym quote[/quote]
[quote=ufku]ufku's quote[/quote]

[code]
<strong>Code</strong>
<em>Code</em>
[/code]

[notag]
[b]Notag[/b]
[i]Notag[/i]
[/notag]

[php]
//php code
$php = php_code($p, $h, $p = '<a></a>');
[/php]

[google]Google search keyword[/google]
[wikipedia]Wikipedia search keyword[/wikipedia]

Flash [flash=180x120]/files/flash/trees.swf[/flash]
Youtube [youtube]0Q2aPi9ZEgs[/youtube]

Download the buttons

hi.. really nice editor. it

Submitted by Anonymous (not verified) on Sun, 07/09/2008 - 23:10.

hi.. really nice editor. it should be better when bbcode tags highlighted.

Thanx. A great editor, I use

Submitted by Luciano (not verified) on Sun, 27/09/2009 - 20:45.

Thanx. A great editor, I use for bbcode.

Book navigation

Support ufku.com

hi.. really nice editor. it

Thanx. A great editor, I use