更新日: 2013年3月13日
日記

ブログオープン、ついでにCrayon Syntax Highlighter動くかテスト

ブログをオープンしました。Wordpressに初挑戦でテーマも自作してみました。Wordpressのプラグインも20個ほどいくつか入れてみたものの、まだ良く分かっていないので一個ずつ試していきます。とりあえず最初はこれ、Crayon Syntax Highlighter。ソースコードを綺麗にハイライトして表示させるプラグイン。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

こういうのが簡単に実現できるのは、Wordpress便利ですね。PHPでちょこちょこカスタマイズできるのも楽しいですね！

じゃ、本題のCrayon Syntax Highlighterの表示テスト。Crayon Syntax Highlighterプラグインをインストールして有効にすると、Wordpressの「新規投稿を追加」のページで、テキストエディタ（HTMLエディタ）にcrayonというボタンが表示されるので、そこを押してからソースコードを挿入します。すると、以下のようなpreとattributesのタグで囲まれたタグが生成されます。

<pre class=”lang:default decode:true ” >source code</pre>

では、実際の例。RubyでPDFを生成するコードの例、以前なにかの本で読んだコードです。Rubyベストプラクティスだったかな？ちゃんと表示されますでしょうか。

require "rubygems"
require "prawn"
 
class Prawn::Document
  def self.generate(file, *args, &block)
    pdf = Prawn::Document.new(*args)
    pdf.instance_eval(&block)
    pdf.render_file(file)
  end
end