「javascript/SyntaxHighlighter」の編集履歴（バックアップ）一覧に戻る

javascript/SyntaxHighlighter - (2013/03/15 (金) 04:00:58) のソース

ソースの整形表示をするプラグイン[[SyntaxHighlighter>http://alexgorbatchev.com/SyntaxHighlighter/]]の紹介ページ。

*プラグイン配布ページ
[[SyntaxHighlighter>http://alexgorbatchev.com/SyntaxHighlighter/]]

*デモ
#html2(){
<pre class="brush: html;">
*表題1
パラグラフ
>引用
|列1|列2|列3|列4|h
|a|b|c|d|
|a|b|c|d|
</pre>
}

*ソース
**wikiソース
#html2(){{{
#html2(){
<pre class="brush: html;">
*表題1
パラグラフ
>引用
|列1|列2|列3|列4|h
|a|b|c|d|
|a|b|c|d|
</pre>
}
}}}

**Javascript
#divid(source){}

#js(){{
<div id="mainsource">
<script type="text/javascript" src="http://www53.atwiki.jp/atwiki_tools/pub/js/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
<script type="text/javascript" src="http://www53.atwiki.jp/atwiki_tools/pub/js/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
<script type="text/javascript" src="http://www53.atwiki.jp/atwiki_tools/pub/js/syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>
<script type="text/javascript">
   SyntaxHighlighter.all();
$("head").ready(function(){
  var linkcss = $('<link type="text/css" rel="stylesheet" href="http://www53.atwiki.jp/atwiki_tools/pub/js/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>');
  $("head").append(linkcss);
});
</script>
</div>
<script type="text/javascript">
$(function(){
  $("#source").append($("<pre/>").text("#js(){{"+$("div#mainsource").html()+"}}").attr("class","brush: js;"));
});
</script>
}}