SyntaxHighlighterの簡単な使い方

① Javaスクリプトの時、preタグの指定はclass="brush: js;"を記述

function HowToUseSyntaxHighlighter()
{
	return "ハロー！";
}

② C#の時、preタグの指定はclass="brush: c#;"と記述

private string HowToUseSyntaxHighlighter()
{
	return "ハロー！";
}

③ SQLの時、preタグの指定はclass="brush: sql;"を記述

select * from tables;
select AFLD as "項目A",BFLD as "項目B",CFLD as "項目C"
 from Xtable order by Afld;

④ XMLの時、preタグの指定はclass="brush: xml;"を記述



値1
値2
値3

以下、本ページのソースコード (HTML)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<title>SyntaxHighlighterの簡単な使い方</title>
	<script type="text/javascript" src="(任意のフォルダー)/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
	<script type="text/javascript" src="(任意のフォルダー)/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
	<script type="text/javascript" src="(任意のフォルダー)/syntaxhighlighter_3.0.83/scripts/shBrushCSharp.js"></script>
	<script type="text/javascript" src="(任意のフォルダー)/syntaxhighlighter_3.0.83/scripts/shBrushSql.js"></script>
	<script type="text/javascript" src="(任意のフォルダー)/syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>
	<link type="text/css" rel="stylesheet" href="(任意のフォルダー)/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
	<script type="text/javascript">SyntaxHighlighter.all();</script>
</head>

<body style="background: white; font-family: Helvetica">

<h2>SyntaxHighlighterの簡単な使い方</h2>
① Javaスクリプトの時、preタグの指定はclass="brush: js;"を記述
<pre class="brush: js;">
function HowToUseSyntaxHighlighter()
{
	return "ハロー！";
}
</pre>

② C#の時、preタグの指定はclass="brush: c#;"と記述
<pre class="brush: c#;">
private string HowToUseSyntaxHighlighter()
{
	return "ハロー！";
}
</pre>

③ SQLの時、preタグの指定はclass="brush: sql;"を記述
<pre class="brush: sql;">
select * from tables;
select AFLD as "項目A",BFLD as "項目B",CFLD as "項目C"
 from Xtable order by Afld;
</pre>

④ XMLの時、preタグの指定はclass="brush: xml;"を記述
<pre class="brush: xml;">
<TABLES>
<Xtable>
<Afld>値1</Afld>
<Bfld>値2</Bfld>
<Cfld>値3</Cfld>
</Xtable>
</TABLES>
</pre>

</body>
</html>