SyntaxHighlighter を使用して HTML ハイライト code_javascript スキルを実装する方法-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 18:35:21

オリジナル

1202 人が閲覧しました

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 ページの最後で、の前に次のコードを挿入します:

コードをコピーします。コードは次のとおりです。

著者別の最新記事

NullPointerException とは何ですか?どのように修正すればよいですか?

2024-10-22 09:46:29
初心者からプログラマーへ: 旅は C の基礎から始まります

2024-10-13 13:53:41
PHP による Web 開発のロックを解除する: 初心者ガイド

2024-10-12 12:15:51
C の謎を解く: 新人プログラマーのための明確でシンプルな道

2024-10-11 22:47:31
コーディングの可能性を解き放つ: まったくの初心者のための C プログラミング

2024-10-11 19:36:51
内なるプログラマーを解き放つ: まったくの初心者のための C

2024-10-11 15:50:41
C で生活を自動化する: 初心者向けのスクリプトとツール

2024-10-11 15:07:41
PHP を簡単に: Web 開発の最初のステップ

2024-10-11 14:21:21
Python で何でも構築: 創造性を解き放つための初心者ガイド

2024-10-11 12:59:11
コーディングの鍵: 初心者のための Python の力を解き放つ

2024-10-11 12:17:31