プログラムソースを綺麗に表示する

2014/11/23

ソースコードを使って、説明する事が多いので、「Syntax Highlighter」系のプラグインを探しました。

ソースコードの説明をすることが多いサイトでは、必須の機能と思います。

記事の書き方で何か対応出来ないのかなとも思ったのですが、プラグインを入れる方が記事の書き方探すより簡単そうです。

ネットで検索すると「Crayon Syntax Highlighter」と「SyntaxHighlighter Evolved」の2つが、主に出てくるのですが、「エフケイフィールド」では、最初「Crayon Syntax Highlighter」を使ってみる事にしました。

が、CSSの設定なのか、良くわからないのですが、表示がおかしくなってしまいました。

プログラムソースを綺麗に表示する _崩れた画面_cut

少し調べたのですが、原因は不明です。
その時、何やら「Crayon Syntax Highlighter」は少々重たいなどの記事も見かけたので、諦めて「SyntaxHighlighter Evolved」の方に切り替えました。

まだ、使いこんではいませんが、こちらでは、今のところ問題はないです。

インストール方法や使い方は、ネットで探すと色々出てくるので、そちらを参照ください。(手抜きです。(^^;)