2008-02-01

ScribeFire 中添加 <code> 标签支持

Scribefire具体安装在 <firefox home path>/extensions/ 下的哪个目录可以在 extensions.rdf 文件中找到(搜索 "ScribeFire" 即可),以下文件操作的根目录均为 Scribefire 的安装目录。

1. 自定义 <code> style
文件 /chrome/skin/blank.css 中添加:
code {
  display: block;
  font-size: 110%;
  margin: 5px;
  margin-left: 1.3em;
  padding: 3px;
  padding-left:  10px;
  background: #eee;
  border: 1px solid #ccc;
  border-left: 3px solid #ccc;
}


2. 操作界面外观
文件 /chrome/skin/toolbar/toolbar-code.png
(自己作的“<code>”按钮图片)

文件 /chrome/skin/overlay.css 中设置按钮外观图片
#code-button {
  list-style-image: url(chrome://performancing/skin/toolbar/toolbar-code.png);
}


3. 界面、事件关联

文件 /chrome/content/editor.xul 中:
 1) 按钮事件关联:
<command id="cmd_blockquote" oncommand="performancingMidas.blockquote()"/>
下依葫芦画瓢之:
<command id="cmd_code" oncommand="performancingMidas.code()"/>

 2) 按钮布局:
<toolbarbutton id="blockquote-button" command="cmd_blockquote" tooltiptext="&performancing.editor.bar.quote.tt;"/>
下依葫芦画瓢之:
<toolbarbutton id="code-button" command="cmd_code" tooltiptext="&performancing.editor.bar.code.tt;"/>


文件 /chrome/content/midas.js 中定义事件响应,分别在:
performancingMidas.blockquote = function(){
...
}

case "blockquote":
...

case "blockquote":
...

下依葫芦画瓢之。


文件 /chrome/content/locale-default/overlay.dtd 中定义 tooltips,在
<!ENTITY performancing.editor.bar.quote.tt "Quote">
下依葫芦画瓢之:
<!ENTITY performancing.editor.bar.code.tt "Code">

又做了一件无聊之事~~

//EOF

0 comments: