jQueryでpre、code要素内に書いたコードをプレーンテキストで別窓表示できるようにする - かちびと.net

2012/05/22 25 users プレーンテキスト jQuery pre each code

<pre>と<code>内に書いたコード をプレーンテキストで別窓表示させるリンク をjQueryで作るコードです。Web制作者向けの Tipsになります。地味に便利そうだったの で備忘録。 Syntax Highlighterによくついてるやつです。以下サンプル。 サンプル シンプルでちょっといいかも。 コード $('pre').each(function() { //プレーンテキスト表示用のリ... 続きを読む

技術系サイトに必需品！ ソースコードは鮮やかに JavaScriptもPHPもHTMLもOK！「Syntax Highlighter」の使い方

2009/03/18 462 users CSS PHP HTML うち JavaScriptライブラリ

「Syntax Highlighter」を使えば、ソースコードを見やすく表示できる Webプログラミング/Webデザインのネタを扱うブログやWebサイトを運営していると、HTMLやCSSなどのソースコードを掲載することが多くあります。そんなときにぜひ活用したいのが、ソースコードを読みやすく表示してくれるJavaScriptライブラリです。今回は、そのうちの1つ、「Syntax Highlighte... 続きを読む