BBCode Editor | UFKU.com

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]/tr/flash/2.swf[/flash]
Youtube [youtube]0Q2aPi9ZEgs[/youtube]

Download the buttons

Note: You can combine BBCode preview with Smiley preview by copying SMLY2HTML function and changing BBC2HTML(E.oriCnt = E.getContent()) to SMLY2HTML(BBC2HTML(E.oriCnt = E.getContent())) in Preview button's content.

Book navigation

Support ufku.com

hi.. really nice editor. it