SyntaxHighlighter 3.0.83 kemahiran penggunaan note_javascript

1. Muat turun

SyntaxHighlighter 3.0.83: http://alexgorbatchev.com/SyntaxHighlighter

2 (1) Teg lalai dihuraikan oleh SyntaxHighlighter, lalai adalah pra

Salin kod Kod adalah seperti berikut:

SyntaxHighlighter.config.tagName="div";

(2) Alih keluar tag pemisah baris HTML Jika perisian anda menambah tag < br />

Kod pelaksanaan dalam shCore.js ialah:

Salin kod Kod adalah seperti berikut:

Jika (sh.config.stripBrs == benar)

             str = str.replace(br, '');
SyntaxHighlighter.config.stripBrs=true;

(3) Jangan paparkan bar alat

Salin kod Kod adalah seperti berikut:

SyntaxHighlighter.defaults['toolbar'] = false;

3. Gunakan

dalam kod Berus 3.1 diperlukan, selebihnya adalah pilihan:

Salin kod Kod adalah seperti berikut:

beberapa kod java

Nilai berus: java/xml/sql/c/js/css, dsb. Untuk butiran, lihat: http://alexgorbatchev.com/SyntaxHighlighter/manual/brushes/

3.2 Panggilan teduhan:

Salin kod Kod adalah seperti berikut:

SyntaxHighlighter.highlight();

atau

Salin kod Kod adalah seperti berikut:

SyntaxHighlighter.all();

Perbezaan antara all() dan highlight() ialah all() didaftarkan dalam acara onload().

4. Gunakan di taman blog

Blog Park menyokong SyntaxHighlighter secara lalai. Kod untuk mengubah suai nilai lalai (kerana jQuery tidak menyokong tetapan gaya !important, anda perlu menetapkan cssText):

Salin kod Kod adalah seperti berikut:

var sh = $(".syntaxhighlighter");

var code = sh.find("kod");
var line = sh.find(".line");
var kapsyen = sh.find("kapsyen jadual");
sh.css("cssText", "lebar: auto !penting");
Code.add(line)
            .tambah(kapsyen)
             .css("cssText", "font-size: 20px !important;white-space: nowrap !important;line-height: 1.5em !important;");

Di atas adalah keseluruhan kandungan artikel ini Adakah anda mempunyai pemahaman baru tentang cara menggunakan SyntaxHighlighter.