打造评论和发帖的利器：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菜单
编辑菜菜单配置文件，在最后面添加：
[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: #000000x22>')",,, "bb_a_#000000"" Item,"灰色#555555"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #555555x22>')",,, "bb_a_#555555"" Item,"浅灰#999999"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #999999x22>')",,, "bb_a_#999999"" Item,"白色#ffffff"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #ffffffx22>')",,, "bb_a_#ffffff"" Item,"红色#ff0000"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #ff0000x22>')",,, "bb_a_#ff0000"" Item,"橙色#ff6600"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #ff6600x22>')",,, "bb_a_#ff6600"" Item,"黄色#ffff33"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #ffff33x22>')",,, "bb_a_#ffff33"" BreakItem Item,"绿色#008000"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #008000x22>')",,, "bb_a_#008000"" Item,"浅绿#33ff33"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #33ff33x22>')",,, "bb_a_#33ff33"" Item,"蓝色#0000ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #0000ffx22>')",,, "bb_a_#0000ff"" Item,"浅蓝#3366ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #3366ffx22>')",,, "bb_a_#3366ff"" Item,"紫色#6600cc"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #6600ccx22>')",,, "bb_a_#6600cc"" Item,"浅紫#9999ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #9999ffx22>')",,, "bb_a_#9999ff"" Item,"粉色#ff00ff"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22color: #ff00ffx22>')",,, "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: 11pxx22>')",,, "Mail Compose Increase Size"" Item, "12px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 12pxx22>')",,, "Mail Compose Increase Size"" Item, "13px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 13pxx22>')",,, "Mail Compose Increase Size"" Item, "14px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 14pxx22>')",,, "Mail Compose Increase Size"" Item, "15px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 15pxx22>')",,, "Mail Compose Increase Size"" Item, "16px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 16pxx22>')",,, "Mail Compose Increase Size"" Item, "17px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 17pxx22>')",,, "Mail Compose Increase Size"" Item, "18px"="Go to page, "javascript:ujs_bbcode_tag('<span style=x22font-size: 18pxx22>')",,, "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
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
Ps：
1.其实我写文章就是用wp自带编辑器加上这个，当然，还有更多的条目，不过那些适用范围很小，基本上适合我自己。
2.如果你更喜欢工具栏的模式，那么请看《一步一步，制作自己的BBCode工具栏》。
3.根据自己的使用习惯，修改菜单，去掉不需要的，再把一些动作组合起来会非常方便。
4.稍后还会继续改进。
» 转载请注明来源：A.shun's Blog » 《打造评论和发帖的利器：BBcode For Opera》
» 本文链接地址：http://www.a-shun.com/archives/21324.html
© A.shun for A.shun's Blog 2009 | 发表评论 | 阅读评论 | Twitter
该Feed只供个人阅读，转载请保留链接，不得用于商业目的。 | 0b509d655a529f3b7820d7fb7e63fb0e
Related Posts
Sourced from: A.shun's Blog
Tags: 应用
This entry was posted on 星期五, 一月 22nd, 2010 at 18:38 and is filed under Opera 桌面. You can follow any responses to this entry through the RSS 2.0 feed. Both comments and pings are currently closed.