Create  Edit  Diff  FrontPage  Index  Search  Changes  RSS  Login

kbd.rb

キーをそれっぽいデザインで表示する

ソース

add_header_proc do
  <<-CSS
     <style type="text/css"><!--
     kbd {
       color: #333333;
       background-color: white;
       text-align: center;
       border-left: 1px solid #cfcfcf;
       border-top: 1px solid #cfcfcf;
       border-right: 2px solid #666666;
       border-bottom: 2px solid #666666;
       -moz-border-radius: 4px 4px 4px 4px;
       padding-left: 1px;
       padding-top: 0px;
       padding-right: 2px;
       padding-bottom: 0px;
       margin-left: 2px;
       margin-right: 2px;
       vertical-align: top;
       font-family: sans-serif;
     }
     --></style>
  CSS
end

def kbd( *keys )
  r = ''
  keys.each{|key| r << '<kbd>' << CGI::escapeHTML( key )<< '</kbd>+'}
  r.chop
end

使い方(Wikiスタイルの場合)

パラメタにキーの文字列を指定する

{{kbd 'A'}}
→ <kbd>A</kbd>

複数のパラメタを指定すると、各キーを「+」でつないでくれる

{{kbd 'Ctrl', 'Alt', 'Delete'}}
→<kbd>Ctrl</kbd>+<kbd>Alt</kbd>+<kbd>Delete</kbd>
Last modified:2006/05/09 23:27:46
Keyword(s):
References: