Create  Edit  Diff  FrontPage  Index  Search  Changes  History  Source  RSS  Login

coderay.rb - History

! 概要

[[CodeRay|http://coderay.rubychan.de/]]を利用して、ソースコードの予約語などに色をつけてわかりやすく表示するシンタックスハイライト機能が利用できます。

! 使用例

<<<Ruby
{{coderay :ruby, <<'EOS'
def test(a, b)
  return "あいうえお"
end
EOS
}}
>>>

!! サンプル

[[作者のtDiary|http://www.tamoot.net/d/20140110.html#p02]]を参照ください。


! 使い方

!! プラグインの導入

tDiary 4.0以降をベースに説明します。4.0より前の場合は、rubygemにて [[coeray|http://coderay.rubychan.de/]]を導入してください。

* 1. [[プラグイン本体|]]を入手し、プラグイン用のパスへ配置してください。
* 2. Gemfile.localに以下を記述します
<<<Ruby
group :coderay do
   gem 'coderay'
end
>>>
* 3. bundle install してください。
<<<
例)
rbenv exec bundle install --without coffee:memcached:redis:gfm:server:development:test
>>>
* 4. プラグインを有効にしてください。

!! パラメータ

||! 第一引数 || コードの種類を指定します。シンボル(:ruby)でも文字列("ruby")でも構いません。
||! 第二引数 || ソースコード

!! コードの種類

||! 形式 ||! 引数に指定する値
||! C || c, h
||! C++ || cpp, cplusplus
||! Clojure || clj
||! CSS || css
||! Delphi || delphi, pascal
||! diff || diff
||! ERB || erb, rhtml, eruby
||! Groovy || groovy
||! HAML || haml
||! HTML || html, xhtml
||! Java || java
||! Javascript || java_script, ecma, ecmascript, ecma_script, javascript, js
||! JSON || json
||! PHP || php
||! plain text || plaintext, plain
||! Python || python
||! RHTML || rhtml
||! Ruby || ruby, irb
||! SQL || sql
||! XML || xml
||! YAML || yaml, yml

その他詳細は [[coderay|http://coderay.rubychan.de/]] を参照してください。


! スタイルシート

!! 作者お勧め

[[append-css.rb]] を利用し、適宜してください。例を記載しておきます。作者はcssが苦手なので手直しいただけると大変嬉しいです。

<<<css
div.CodeRay{
border: none;
background-color: transparent;  /* こことか */
line-height: 1.25em;  /* こことか */
}
.CodeRay span.line-numbers {
margin-right: 4px;  /* こことか */
}
 
div.CodeRay pre{
font-size 14px; /* こことか */
white-space: pre-wrap;
word-wrap: break-word;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
}
>>>

!! 細かく指定したい場合

本プラグインを有効にすると、日記設定画面 その他に '''CodeRay''' というメニューが現れます。

任意のスタイルシートをtDiaryへ参照させることが可能です。

coderay のデフォルトスタイルシートをベースに編集すると楽だと思います。
Last modified:2019/05/27 22:50:07
Keyword(s):
References: