1. ดาวน์โหลด
Syntaxhighlighter 3.0.83: http://alexgorbatchev.com/syntaxhighlighter
2. การกำหนดค่า
(1) ฉลากเริ่มต้นสำหรับการแยกวิเคราะห์ syntaxhighlighter เป็นก่อน
การคัดลอกรหัสมีดังนี้:
Syntaxhighlighter.config.tagname = "div";
(2) ลบแท็กเบรกของสาย HTML
หากซอฟต์แวร์ของคุณเพิ่ม <br /> แท็กในตอนท้ายของแต่ละบรรทัดตัวเลือกนี้จะช่วยให้คุณไม่สนใจแท็กเหล่านี้
รหัสการใช้งานใน shcore.js คือ:
การคัดลอกรหัสมีดังนี้:
if (sh.config.stripbrs == true)
str = str.replace (br, '');
syntaxhighlighter.config.stripbrs = true;
(3) แถบเครื่องมือไม่ปรากฏขึ้น
การคัดลอกรหัสมีดังนี้:
Syntaxhighlighter.defaults ['Toolbar'] = false;
3. ใช้ในรหัส
3.1 แปรงเป็นตัวเลือกที่ต้องการและส่วนที่เหลือเป็นตัวเลือก:
การคัดลอกรหัสมีดังนี้:
<div> รหัส Java บางตัว </div>
ค่าแปรง: java/xml/sql/c/js/css ฯลฯ ดู: http://alexgorbatchev.com/syntaxhighlighter/manual/brushes/
3.2 แรเงาโทร:
การคัดลอกรหัสมีดังนี้:
Syntaxhighlighter.Highlight ();
หรือ
การคัดลอกรหัสมีดังนี้:
Syntaxhighlighter.All ();
ความแตกต่างระหว่างทั้งหมด () และไฮไลต์ () คือทั้งหมด () ลงทะเบียนในเหตุการณ์ ONLOAD ()
4. ใช้ใน Blog Park
Blog Park รองรับ Syntaxhighlighter โดยค่าเริ่มต้น รหัสจะเปลี่ยนค่าเริ่มต้น (เนื่องจาก jQuery ไม่รองรับการตั้งค่า!
การคัดลอกรหัสมีดังนี้:
var sh = $ (". syntaxhighlighter");
รหัส var = sh.find ("รหัส");
var line = sh.find (". line");
var caption = sh.find ("คำอธิบายตาราง");
Sh.CSS ("CSSTEXT", "ความกว้าง: auto! สำคัญ");
code.add (บรรทัด)
.ADD (คำบรรยายภาพ)
.CSS ("CSSTEXT", "FONT-SIZE: 20PX! สำคัญ; Space White-Space: NowRap! สำคัญ; ความสูงบรรทัด: 1.5EM! สำคัญ;");
ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ คุณได้รับความเข้าใจใหม่เกี่ยวกับวิธีการใช้ syntaxhighlighter หรือไม่? ฉันหวังว่าคุณจะชอบบทความนี้