Go to comments ↓ 2009年12月29日 - Home » 效率提升, 软件心得

打造评论和发帖的利器：BBcode For Opera

首先，推荐一款Firefox的重度用户都很熟悉的扩展：BBCode。它可以让你通过右键菜单方便的添加BBCode/HTML/XHTML等格式代码，如粗体、斜体、插入图像、链接、文字颜色等等，可以说为喜欢逛论坛或者在Blog中经常发言的朋友提供强有力的辅助。

在Opera中也可以实现大多数的功能，虽然有些功能还做不到，但根据自己的习惯选择工具栏或者菜单位置、调整菜单层次、增加和减少条目，甚至能做到更加方便。

最开始在Opera中使用BBcode的应该是俄罗斯定制版，Lex1自己编写了js，并制作成了UBB工具栏。之后ezibo的白菜版先集成了这个功能，并完善了图标。philade的教程：《一步一步，制作自己的BBCode工具栏》更是帮助很多人能够自己添加。这个功能很受欢迎，现在大多数配置版都集成了这个功能。

另外，在极速体验版中bbcode是右键形式的，不过实现原理不同，优点是不需要js支持，缺点是要占用剪贴板。

不过op的玩家大多数是喜欢逛论坛的，一般论坛使用的ubb功能写得很详细，而html的有点简陋（philade的同学在帖子上说要继续增加，很久没动静了）。而且每个人习惯不同，So，根据FF的bbcode和那篇教程，并结合自己的习惯进行改造。

主要的修改

采用右键菜单模式，基于bbcode.js方式
绝大多数图标调用Opera10自带的邮件编辑器图标，这样就算不修改皮肤影响也不大。
添加了适用于wordpress的xhtml
精简了文字颜色部分，只写了几个常用的
顺序和其他细节调整

实现步骤

照着下面的步骤来，灰常简单。

1.添加BBcode菜单

编辑 operaconfig 菜单配置文件，在最后面添加：

 [BBcode Menu]
 Submenu, "文字颜色", UBB Color menu="Show hidden popup menu, , , , "Mail Compose Text Color""
 Submenu, "文字大小", UBB Size menu="Show hidden popup menu, , , , "Mail Compose Increase Size""
 ---------------------------0
 Item, "粗体[b]"="Go to page, "javascript:ujs_bbcode_tag('[b]')", , , "Mail Compose Bold""
 Item, "斜体[i]"="Go to page, "javascript:ujs_bbcode_tag('[i]')", , , "Mail Compose Italic""
 Item, "下划线[u]"="Go to page, "javascript:ujs_bbcode_tag('[u]')", , , "Mail Compose Underline""
 -------------------------1
 Item, "引用[quote]"="Go to page, "javascript:ujs_bbcode_tag('[quote]')", , , "Account IRC""
 Item, "代码[code]"="Go to page, "javascript:ujs_bbcode_tag('[code]')", , , "Mail Compose HTML""
 Item, "图片[img]"="Go to page, "javascript:ujs_bbcode_tag('[img]')", , , "Mail Compose Images""
 Item, "链接[url]"="Go to page, "javascript:ujs_bbcode_tag('[url]')", , , "Mail Compose Link""
 ---------------------------2
 Item, "有序列表"="Go to page, "javascript:ujs_bbcode_tag('[list=1][*]','[/list]')", , , "Mail Compose Numbered List""
 Item, "无序列表"="Go to page, "javascript:ujs_bbcode_tag('[list][*]','[/list]')", , , "Mail Compose Bullet List""

 [xhtml Menu]
 Submenu, "段落", Xhtml Paragraph menu="Show hidden popup menu, , , , "Mail Compose Left to right""
 Submenu, "文字颜色", xhtml Color menu="Show hidden popup menu, , , , "Mail Compose Text Color""
 Submenu, "文字大小", xhtml Size menu="Show hidden popup menu, , , , "Mail Compose Increase Size""
 ---------------------------0
 Item, "粗体"="Go to page, "javascript:ujs_bbcode_tag('<strong>')", , , "Mail Compose Bold""
 Item, "斜体"="Go to page, "javascript:ujs_bbcode_tag('<em>')", , , "Mail Compose Italic""
 Item, "下划线"="Go to page, "javascript:ujs_bbcode_tag('<ins>')", , , "Mail Compose Underline""
 Item, "删除线"="Go to page, "javascript:ujs_bbcode_tag('<del>')", , , "Mail Compose Strikethrough""
 -------------------------1
 Item, "图片"="Go to page, "javascript:ujs_bbcode_tag('<img src=\x22','\x22 alt=\x22','\x22/>')", , "图片", "Mail Compose Images""
 Item, "链接"="Go to page, "javascript:void(inivar='%c')", "<a href>", "链接", "Mail Compose Link" & Go to page, "javascript:var url='';try{if(inivar.search(/^[a-z]{3,5}:\/\/|^opera:[a-z/]/i) != -1){url=inivar};inivar=null}catch(e){url=''};ujs_bbcode_tag('<a href=\x22'+url+'\x22>')""
 Item, "引用"="Go to page, "javascript:ujs_bbcode_tag('<blockquote>')", ,, "Account IRC""
 Item, "Pre"="Go to page, "javascript:ujs_bbcode_tag('<pre>')", , , "Chat Room""
 Item, "代码"="Go to page, "javascript:ujs_bbcode_tag('<code>')", , , "Mail Compose HTML""
 -------------------------2
 Item, "有序列表"="Go to page, "javascript:ujs_bbcode_tag('<ol><li>','</li></ol>')", , , "Mail Compose Numbered List""
 Item, "无序列表"="Go to page, "javascript:ujs_bbcode_tag('<ul><li>','</li></ul>')", , , "Mail Compose Bullet List""

 [UBB Color menu]
 Item,"黑色#000000"="Go to page, "javascript:ujs_bbcode_tag('[color=#000000]')",,, "bb_a_#000000""
 Item,"灰色#555555"="Go to page, "javascript:ujs_bbcode_tag('[color=#555555]')",,, "bb_a_#555555""
 Item,"浅灰#999999"="Go to page, "javascript:ujs_bbcode_tag('[color=#999999]')",,, "bb_a_#999999""
 Item,"白色#ffffff"="Go to page, "javascript:ujs_bbcode_tag('[color=#ffffff]')",,, "bb_a_#ffffff""
 Item,"红色#ff0000"="Go to page, "javascript:ujs_bbcode_tag('[color=#ff0000]')",,, "bb_a_#ff0000""
 Item,"橙色#ff6600"="Go to page, "javascript:ujs_bbcode_tag('[color=#ff6600]')",,, "bb_a_#ff6600""
 Item,"黄色#ffff33"="Go to page, "javascript:ujs_bbcode_tag('[color=#ffff33]')",,, "bb_a_#ffff33""
 BreakItem
 Item,"绿色#008000"="Go to page, "javascript:ujs_bbcode_tag('[color=#008000]')",,, "bb_a_#008000""
 Item,"浅绿#33ff33"="Go to page, "javascript:ujs_bbcode_tag('[color=#33ff33]')",,, "bb_a_#33ff33""
 Item,"蓝色#0000ff"="Go to page, "javascript:ujs_bbcode_tag('[color=#0000ff]')",,, "bb_a_#0000ff""
 Item,"浅蓝#3366ff"="Go to page, "javascript:ujs_bbcode_tag('[color=#3366ff]')",,, "bb_a_#3366ff""
 Item,"紫色#6600cc"="Go to page, "javascript:ujs_bbcode_tag('[color=#6600cc]')",,, "bb_a_#6600cc""
 Item,"浅紫#9999ff"="Go to page, "javascript:ujs_bbcode_tag('[color=#9999ff]')",,, "bb_a_#9999ff""
 Item,"粉色#ff00ff"="Go to page, "javascript:ujs_bbcode_tag('[color=#ff00ff]')",,, "bb_a_#ff00ff""

 [xhtml Color menu]
 Item,"黑色#000000"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #000000\x22>')",,, "bb_a_#000000""
 Item,"灰色#555555"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #555555\x22>')",,, "bb_a_#555555""
 Item,"浅灰#999999"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #999999\x22>')",,, "bb_a_#999999""
 Item,"白色#ffffff"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #ffffff\x22>')",,, "bb_a_#ffffff""
 Item,"红色#ff0000"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #ff0000\x22>')",,, "bb_a_#ff0000""
 Item,"橙色#ff6600"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #ff6600\x22>')",,, "bb_a_#ff6600""
 Item,"黄色#ffff33"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #ffff33\x22>')",,, "bb_a_#ffff33""
 BreakItem
 Item,"绿色#008000"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #008000\x22>')",,, "bb_a_#008000""
 Item,"浅绿#33ff33"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #33ff33\x22>')",,, "bb_a_#33ff33""
 Item,"蓝色#0000ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #0000ff\x22>')",,, "bb_a_#0000ff""
 Item,"浅蓝#3366ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #3366ff\x22>')",,, "bb_a_#3366ff""
 Item,"紫色#6600cc"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #6600cc\x22>')",,, "bb_a_#6600cc""
 Item,"浅紫#9999ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #9999ff\x22>')",,, "bb_a_#9999ff""
 Item,"粉色#ff00ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22color: #ff00ff\x22>')",,, "bb_a_#ff00ff""

 [UBB Size menu]
 Item, "+1"="Go to page, "javascript:ujs_bbcode_tag('[size=1]')",,, "Mail Compose Increase Size""
 Item, "+2"="Go to page, "javascript:ujs_bbcode_tag('[size=2]')",,, "Mail Compose Increase Size""
 Item, "+3"="Go to page, "javascript:ujs_bbcode_tag('[size=3]')",,, "Mail Compose Increase Size""
 Item, "+4"="Go to page, "javascript:ujs_bbcode_tag('[size=4]')",,, "Mail Compose Increase Size""
 Item, "+5"="Go to page, "javascript:ujs_bbcode_tag('[size=5]')",,, "Mail Compose Increase Size""
 Item, "+6"="Go to page, "javascript:ujs_bbcode_tag('[size=6]')",,, "Mail Compose Increase Size""
 Item, "+7"="Go to page, "javascript:ujs_bbcode_tag('[size=7]')",,, "Mail Compose Increase Size""

 [xhtml Size menu]
 Item, "11px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 11px\x22>')",,, "Mail Compose Increase Size""
 Item, "12px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 12px\x22>')",,, "Mail Compose Increase Size""
 Item, "13px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 13px\x22>')",,, "Mail Compose Increase Size""
 Item, "14px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 14px\x22>')",,, "Mail Compose Increase Size""
 Item, "15px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 15px\x22>')",,, "Mail Compose Increase Size""
 Item, "16px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 16px\x22>')",,, "Mail Compose Increase Size""
 Item, "17px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 17px\x22>')",,, "Mail Compose Increase Size""
 Item, "18px"="Go to page, "javascript:ujs_bbcode_tag('<span style=\x22font-size: 18px\x22>')",,, "Mail Compose Increase Size""

 [xhtml Paragraph menu]
 Item, "<h1>"="Go to page, "javascript:ujs_bbcode_tag('<h1>','</h1>')",,, "bb_h1""
 Item, "<h2>"="Go to page, "javascript:ujs_bbcode_tag('<h2>','</h2>')",,, "bb_h2""
 Item, "<h3>"="Go to page, "javascript:ujs_bbcode_tag('<h3>','</h3>')",,, "bb_h3""
 Item, "<h4>"="Go to page, "javascript:ujs_bbcode_tag('<h4>','</h4>')",,, "bb_h4""
 Item, "<h5>"="Go to page, "javascript:ujs_bbcode_tag('<h5>','</h5>')",,, "bb_h5""
 Item, "<h6>"="Go to page, "javascript:ujs_bbcode_tag('<h6>','</h6>')",,, "bb_h6""

2.修改文本框右键菜单

同样，编辑菜单配置文件，搜索[Edit Widget Popup Menu]，在它的下面一行添加：

Submenu, "BBcode",BBcode Menu="Show hidden popup menu,,,,"bbcode""
Submenu, "Xhtmlcode",xhtml Menu="Show hidden popup menu,,,,"Compose mail""

3.添加UserJS

下载这个js：bbcode，解压后放到你的js目录下。

4.补充图标（非必须）

下载这个图标包，把解压后的bbcode文件夹放到opera/skin里的standard_skin.zip里面。
并编辑standard_skin.zip里的skin.ini，在最后面添加：

bbcode=bbcode/bbcode.png
bb_a_#000000=bbcode/bb_a_#000000.gif
bb_a_#555555=bbcode/bb_a_#555555.gif
bb_a_#999999=bbcode/bb_a_#999999.gif
bb_a_#ffffff=bbcode/bb_a_#ffffff.gif
bb_a_#ff0000=bbcode/bb_a_#ff0000.gif
bb_a_#ff6600=bbcode/bb_a_#ff6600.gif
bb_a_#ffff33=bbcode/bb_a_#ffff33.gif
bb_a_#008000=bbcode/bb_a_#008000.gif
bb_a_#33ff33=bbcode/bb_a_#33ff33.gif
bb_a_#0000ff=bbcode/bb_a_#0000ff.gif
bb_a_#3366ff=bbcode/bb_a_#3366ff.gif
bb_a_#6600cc=bbcode/bb_a_#6600cc.gif
bb_a_#9999ff=bbcode/bb_a_#9999ff.gif
bb_a_#ff00ff=bbcode/bb_a_#ff00ff.gif

当然，你也可以修改正在使用的皮肤。

注意事项

请保存为UTF-8格式，否则会乱码。
在保存menu 、toolbar、skin之前，要先关闭Opera。

适用范围

基本上跟FF的扩展一样

Bbcode适用于绝大多数论坛的评论输入框（无需进入高级回复）、高级回复下的纯文本模式，根据论坛设置和权限的不同，可能有部分bbcode无效
Xhtmlcode在wp等Blog的评论输入框：通常可以使用粗体、斜体、链接、图片、引用等功能，如果对方安装了评论增强的插件则可以支持更多，当然，有的地方完全不支持。在自己的博客并处于登录状态，可以评论中使用全部Xhtml，无论前台还是后台。
Xhtmlcode在Wp的文章编辑器，纯文本模式下全部可用
需要开启Userjs