2010-03-30 14:31:17
【Plugin】アメブロでSyntaxHighlighter
テーマ：Programming
ソースコードを綺麗に表示したり、コピー出来るプラグイン
「SyntaxHighlighter」を設置しました。
019 | アメブロで SyntaxHighLighter を設置する。
http://ameblo.jp/rizaxriza/theme-10015895673.html
こちらの記事を参考にさせていただき、
自分のブログでもソースコードが綺麗に表示されるようになりました。
※自分のサーバーがないと出来ません。
■018: 019別記事 | フリープラグイン用 記述ソース。
atsumo+FlashではAS3のソースが多いので、
フリープラグイン用記述にAS3用のjsを追加してます。
------------------------------------------------------------------------------------------
<!-- SyntaxHighlighter -->
<head>
<link type="text/css" rel="stylesheet" href="http://(あなたの外部サーバーのアドレス)/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://(あなたの外部サーバーのアドレス)/styles/shThemeDefault.css" />
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shCore.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushAS3.js"></script>
<!-- オプション設定 -->
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;<!--ブログエディタで改行が自動で<br>表示されないように指定-->
SyntaxHighlighter.all();<!-- 常にストライプ背景を指定・解除する場合は削除 -->
SyntaxHighlighter.config.clipboardSwf = 'http://(あなたの外部サーバーのアドレス)/scripts/clipboard.swf';
</script></head>
<!-- SyntaxHighlighter 終 -->
------------------------------------------------------------------------------------------
「SyntaxHighlighter」を設置しました。
019 | アメブロで SyntaxHighLighter を設置する。
http://ameblo.jp/rizaxriza/theme-10015895673.html
こちらの記事を参考にさせていただき、
自分のブログでもソースコードが綺麗に表示されるようになりました。
※自分のサーバーがないと出来ません。
■018: 019別記事 | フリープラグイン用 記述ソース。
atsumo+FlashではAS3のソースが多いので、
フリープラグイン用記述にAS3用のjsを追加してます。
------------------------------------------------------------------------------------------
<!-- SyntaxHighlighter -->
<head>
<link type="text/css" rel="stylesheet" href="http://(あなたの外部サーバーのアドレス)/styles/shCore.css" />
<link type="text/css" rel="stylesheet" href="http://(あなたの外部サーバーのアドレス)/styles/shThemeDefault.css" />
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shCore.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushXml.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushCss.js"></script>
<script type="text/javascript" src="http://(あなたの外部サーバーのアドレス)/scripts/shBrushAS3.js"></script>
<!-- オプション設定 -->
<script type="text/javascript">
SyntaxHighlighter.config.bloggerMode = true;<!--ブログエディタで改行が自動で<br>表示されないように指定-->
SyntaxHighlighter.all();<!-- 常にストライプ背景を指定・解除する場合は削除 -->
SyntaxHighlighter.config.clipboardSwf = 'http://(あなたの外部サーバーのアドレス)/scripts/clipboard.swf';
</script></head>
<!-- SyntaxHighlighter 終 -->
------------------------------------------------------------------------------------------
