躺在沙滩上的小猪

是看到robbin的帖子提到这个插件，下载下来改了一下，使用感觉还不错

http://agilewebdevelopment.com/plugins/bbcodeizer
http://agtools.rubyforge.org/bbcodeizer/

BBCodeizer是用来将UBB代码转换为html的Rails插件，通常情况下，我们不喜欢客户能直接通过html编辑帖子或者发言，但是我们又不想局限于普通的text_area的输入框，总想着加点什么，譬如让用户可以调整字的大小，可以让用户插入图片，可以引用上面用户的言语，可以.....

那太好了，也许BBCodeizer就是你想要的插件之一

一：安装
在linux/unix下可以通过如下的方式安装
[code] script/plugin install svn://rubyforge.org/var/svn/agtools/plugins/bbcodeizer [/code]

windows
[code] ruby script/plugin install svn://rubyforge.org/var/svn/agtools/plugins/bbcodeizer [/code]
ok,一切都好了，下面可以开始使用了

二：使用
在view里面，我们只需要调用BBCodeizeHelper的bbcodeize即可
[code] <%=bbcodeize 'http://www.google.com/intl/en_ALL/images/logo.gif'%> [/code]

我们查看 /vendor/plugins/bbcodeizer/lib/bbcodeize_helper.rb代码 发现其实就是调用
[code]BBCodeizer.bbcodeize[/code]

[code] require 'bbcodeizer' module BBCodeizeHelper # Parses all bbcode in +text+ and returns a new HTML-formatted string. def bbcodeize(text) BBCodeizer.bbcodeize(text) end end [/code]

在controller中，也可以之直接使用
[code] render :text => BBCodeizer.bbcodeize 'http://www.google.com/intl/en_ALL/images/logo.gif' [/code]

三：改进
也许你觉得BBCodeizer输出不太符合你所想的，也许你觉得可用的格式太少，想增强他的功能，其实很简单
查看/vendor/plugins/bbcodeizer/lib/bbcodeizer.rb，目前他支持的格式都在这里，就这么简单。


[code] #:nodoc: Tags = { :start_code => [ /\[code\]/i, '<pre>' ], :end_code => [ /\[\/code\]/i, '</pre>' ], :start_quote => [ /\[quote(?:=".*?")?\]/i, nil ], :start_quote_with_cite => [ /\[quote="(.*?)"\]/i, '<blockquote><cite>\1 wrote:</cite><br />' ], :start_quote_sans_cite => [ /\[quote\]/i, '<blockquote>' ], :end_quote => [ /\[\/quote\]/i, '</blockquote>' ], :bold => [ /\[b\](.+?)\[\/b\]/i, '<strong>\1</strong>' ], :italic => [ /\[i\](.+?)\[\/i\]/i, '<em>\1</em>' ], :underline => [ /\[u\](.+?)\[\/u\]/i, '<u>\1</u>' ], :email_with_name => [ /\[email=(.+?)\](.+?)\[\/email\]/i, '<a href="mailto:\1">\2</a>' ], :email_sans_name => [ /\[email\](.+?)\[\/email\]/i, '<a href="mailto:\1">\1</a>' ], :url_with_title => [ /\[url=(.+?)\](.+?)\[\/url\]/i, '<a href="\1">\2</a>' ], :url_sans_title => [ /\[url\](.+?)\[\/url\]/i, '<a href="\1">\1</a>' ], :image => [ /\[img\](.+?)\[\/img\]/i, '<img src="\1" />' ], :size => [ /\[size=(\d{1,2})\](.+?)\[\/size\]/i, '<span style="font-size: \1px">\2</span>' ], :color => [ /\[color=([^;]+?)\](.+?)\[\/color\]/i, '<span style="color: \1">\2</span>' ] } [/code]

你还想.... (有什么想法，大家讨论:))

四：增强
在BBCodeizer提及到的WhiteListHelper是个很不错的工具，去除掉不安全的代码。我们可以在helper中加上如下的代码
[code] def cc(text) white_list(simple_format(auto_link(bbcodeize(h(text))))) end [/code]

在页面上调用
[code] <%=cc '内容'%> [/code]
即可

注：auto_link 是自动的识别正文中的链接，譬如http,email

五：参考
目前BBCodeizer支持：
[code]text[/code]
生成
[code] <u>text</u>[/code]

[code] text[/code]
生成
[code]<strong>text</strong>[/code]


[code]text[/code]
生成
[code]<em>text</em>[/code]

[code][/code]
生成
[code]<img src="http://example.com/image.gif" />[/code]

[code]Joe Example joe@example.com[/code]

生成
[code]<a href="mailto:joe@example.com">Joe Example</a> <a href="mailto:joe@example.com">joe@example.com</a>[/code]



[code] [code]bbcodeize(string)[\/code][/code]
生成
[code]<pre>bbcodeize(string)</pre>[/code]

[code]Google http://www.google.com [/code]
生成
[code]<a href="http://www.google.com">Google</a> <a href="http://www.google.com">http://www.google.com</a>[/code]


[code] [/code]
生成
[code] <blockquote><cite>Shakespeare wrote:</cite><br />To be or not to be</blockquote> <blockquote>That is the question</blockquote>[/code]


[code]Big Text[/code]
生成
[code]<span style="font-size: 32px">Big Text</span>[/code]

[code]Red Text Alphabet-colored Text[/code]
生成
[code] <span style="color: red">Red Text</span> <span style="color: #ABCDEF">Alphabet Colored Text</span>[/code]