ホームページ > ウェブフロントエンド > jsチュートリアル > SyntaxHighlighter を使用して HTML ハイライト code_javascript スキルを実装する方法

SyntaxHighlighter を使用して HTML ハイライト code_javascript スキルを実装する方法

WBOY
リリース: 2016-05-16 18:35:21
オリジナル
1191 人が閲覧しました
http://www.jb51.net/jiaoben/15599.html
syntaxhighlighter は、Web ページ内のさまざまなプログラム ソース コードの構文を強調表示できる小さなオープン ソース プロジェクトです。現在人気のあるさまざまなプログラミング言語をサポートします:
C#、CSS、C、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML/HTML
使用法:
1. Web ページ。ファイル test.htm がディレクトリに保存されている場合、dp.SyntaxHighlighter をそのディレクトリの下のサブディレクトリに解凍します (イメージ

2) Web ページの
の間に挿入します。次のコード:
コードをコピーします コードは次のとおりです:

<リンク タイプ="text/ css" rel="stylesheet" href="images/Styles/SyntaxHighlighter.css">

3. Web ページに次のコードを挿入します。プログラムのソースコードを表示したい(class="js"はjs構文でソースコードを表示することを意味します。その他の設定可能なクラス値は
c#、css、c、delphi、java、js、php、python、rubyです) 、sql、vb、xml) :
コードをコピー コードは次のとおりです:

< ;textarea name="code" class=" js" rows="15"cols="100">
//プログラムのソースコードはここにあります

4. Web ページの最後で、 の前に次のコードを挿入します:










人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート