Home 旅レポ一覧 MyPhoto 売れ筋インフォ  TechBlog  LinkBox  RSSr(New!)  SiteMap  Album  日記  blog  MyPage  About
 
icon icon
 

JFLABO::TechBlog(ジェイエフラボのテックブログ)->syntaxhighlighterでコードを装飾(コードハイライト)
ここではSyntaxHighlighterでコードを見やすく装飾する
手順について紹介します。

使用例
function helloSyntaxHighlighter()
{
	return "hi!";
}

ドミノ・ピザ【PC向けサイト】
 

   
 
 

  • このエントリーをはてなブックマークに追加
  • SyntaxHighlighterでコードの装飾
    入手  http://alexgorbatchev.com/SyntaxHighlighter/download/ 使い方  読み込むファイルと関数の実行   Javascriptの場合は以下の4行です。通常<HEAD>の中に記述します。
    	<script type="text/javascript" src="scripts/shCore.js"></script>
    	<script type="text/javascript" src="scripts/shBrushJScript.js"></script>
    	<link type="text/css" rel="stylesheet" href="styles/shCoreDefault.css"/>
    	<script type="text/javascript">SyntaxHighlighter.all();</script>
    
    コードの記述  class設定をした<PRE>タグの中に記述したコードが装飾されます。
    <pre class="brush: js;">
    function helloSyntaxHighlighter()
    {
    	return "hi!";
    }
    </pre>
    
    使用例
    function helloSyntaxHighlighter()
    {
    	return "hi!";
    }
    
    参考にさせて頂いたサイト  http://www.netyasun.com/syntaxhighlighter/