http://www.javayou.com (收藏,设为首页)
当你不能再拥有时,你唯一能做的,就是让自己不要忘记 (手机请访问 http://3g.dlog.cn/javayou)

TinyMCE 3.0 之 可视化UBB码编辑器

2007年11月21日(Wednesday) 11点53分 作者: 刘冬 天气: 心情: 一般

TinyMCE 3.0 已经可以支持UBB码的可视化编辑了,初始化js脚本如下:

tinyMCE.init({
	theme : "advanced",
	mode : "none",
	plugins : "bbcode",
	theme_advanced_buttons1 : "bold,italic,underline,undo,redo,link",
theme_advanced_buttons1_add : "unlink,image,forecolor,styleselect",
theme_advanced_buttons1_add : "removeformat,cleanup,code",
theme_advanced_buttons2 : "", theme_advanced_buttons3 : "", theme_advanced_toolbar_location : "bottom", theme_advanced_toolbar_align : "center", theme_advanced_styles : "Code=codeStyle;Quote=quoteStyle", content_css : "css/bbcode.css", entity_encoding : "raw", add_unload_trigger : false, remove_linebreaks : false, inline_styles : false, convert_fonts_to_spans : false });

预设的UBB码如下:

[b]Bold[/b]
[i]Italic[/i]
[u]Underline[/u]
[code]Some code[/code]
[quote]Some quote[/quote]
[color=#ff0000]Some color[/color]
[url]http://tinymce.moxiecode.com[/url]
[img]img/logo.jpg[/img]

可视化编辑效果预览图:

这个功能对很多使用UBB码编辑文本的网站来说,可真是不错,可以提升用户体验,又不需要修改程序代码。

标签: TinyMCE UBB 
姓名: 
邮箱:  {可选}
网址:  {可选} 此评论只有我和写日记的人查阅
校验码: ... <我看不清楚>
网记为您提供手机和互联网同步的个人主页,带给你不一样的体验