ホームページ > ウェブフロントエンド > jsチュートリアル > SyntaxHighlighter コードを使用して color_javascript スキルを追加する方法

SyntaxHighlighter コードを使用して color_javascript スキルを追加する方法

WBOY
リリース: 2016-05-16 19:01:15
オリジナル
1011 人が閲覧しました

Web ページ内のさまざまなプログラム ソース コードの構文を強調表示できます。現在人気のあるさまざまなプログラミング言語をサポート: C#、CSS、C、Delphi、Java、JavaScript、PHP、Python、Ruby、SQL、Visual Basic、XML / HTML

ダウンロード アドレス: http://www. com/syntaxhighlighter/
または http://code.google.com/p/syntaxhighlighter/
デモのアドレス: http://www.dreamprojections.com/syntaxhighlighter/Tests/PHP.html

このツールのコアは JavaScript に基づいており、使い方は非常に簡単です:


1. Web ページ ファイル test.htm がディレクトリに保存されていると仮定し、dp.SyntaxHighlighter を解凍します。その中の Scripts フォルダーとstyles フォルダーをコピーし、test.html と同じディレクトリにあることを確認します。

2. Web ページの

の間に次のコードを挿入します。


3. プログラムのソース コードが配置される場所に挿入します。 Web ページに表示される以下のコードが HTML タイプの場合は、XML を使用します (class="js" などは、ソース コードが js 構文で表示されることを示します。その他の設定可能なクラス値は、c#、css、c、 elphi、java、js、php、python、ruby、sql、vb、xml):



手順:
name="code " は必須であり、変更できません。
class="xml" は、色付けする必要があるコードのタイプであり、必要に応じて変更できます。

4. Web ページの末尾の
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート