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 ['شريط الأدوات'] = false ؛
3. استخدم في الكود
3.1 الفرشاة خيار مطلوب ، والباقي اختياري:
نسخة الكود كما يلي:
<div> بعض كود جافا </div>
قيمة الفرشاة: Java/XML/SQL/C/JS/CSS ، إلخ ، راجع:
3.2 دعوة التظليل:
نسخة الكود كما يلي:
Syntaxhighlighter.highlight () ؛
أو
نسخة الكود كما يلي:
SyntaxHighlighter.all () ؛
الفرق بين كل () و Aightly () هو أن جميع () مسجلة في حدث ONLOAD ().
4. استخدم في حديقة المدونة
يدعم مدونة Park SyntaxHighlighter بشكل افتراضي. يغير الرمز القيمة الافتراضية (لأن jQuery لا يدعم تعيين النمط المهم! ، لذلك يجب تعيين CSStext):
نسخة الكود كما يلي:
var sh = $ (". syntaxhighlighter") ؛
var code = sh.find ("code") ؛
var line = sh.find (". line") ؛
var caption = sh.find ("caption table") ؛
sh.css ("csStext" ، "العرض: Auto! مهم") ؛
code.add (السطر)
.Add (التسمية التوضيحية)
.CSS ("CSSText" ، "حجم الخط: 20 بكسل! مهم ؛ الفضاء الأبيض: Nowrap! مهم ؛ ارتفاع الخط: 1.5EM! مهم ؛") ؛
ما سبق هو كل شيء عن هذا المقال. هل اكتسبت فهمًا جديدًا لكيفية استخدام Syntaxhighlighter؟ أتمنى أن يعجبك هذا المقال.