بالنسبة للطلاب الذين يرغبون في كتابة المدونات الفنية ، يجب أن يكونوا على دراية بمكونات تمييز الكود. سيساعدك مكون الإضافات الممتازة التي تسليط الضوء على رمز JavaScript في تقديم أي لغة برمجة ، بما في ذلك تلوين بعض الكلمات الرئيسية ، والمسافة البادئة لكل سطر من التعليمات البرمجية. سنشارك اليوم بعض كود JavaScript الذي يسلط الضوء على مكونات الإضافات عالية الأداء. ستكون الإضافات التي تبرز رمز JavaScript فعالة للغاية في مساعدتك على تحرير التعليمات البرمجية وعرضها على صفحات الويب.
1. SyntaxHighlighter أفضل رمز JavaScript الذي يبرز البرنامج المساعد
SyntaxHighlighter هو مكون رمز يبرز المكون الإضافي الذي يعتمد تمامًا على JavaScript. يمكن أن يلوين SyntaxHighlighter وجعل معظم لغات البرمجة ، كما أن أداء تمييز الكود جيد جدًا. يمكن لـ SyntaxHighlighter تخصيص ملف السمة وتحديد السمة المفضلة لديك عند التهيئة.
الموقع الرسمي: http://alexgorbatchev.com/syntaxhighlighter/
2. رمز Google PRETTIFE FREE JavaScript Code Plugining Plugin
رمز Google Prettify هو رمز JavaScript يبرز المكون الإضافي الذي تم إطلاقه بواسطة Google. يمكن لـ Google Code Prestify الضوء على اللون C/C ++ ، Java ، Python ، Ruby ، PHP ، Visual Basic ، AWK ، Bash ، SQL ، HTML ، XML ، CSS ، JavaScript ، Makefiles وبعض رموز لغة برمجة Perl.
الموقع الرسمي: http://code.google.com/p/google-code-prettify/
3. Aightlight.JS Multi-Style JavaScript Code Planting Plugin
Aightly.js هو مشروع JavaScript لتمييز وتظليل أي صفحة ويب لعرض مختلف جملة رمز المصدر. لها الخصائص التالية:
الموقع الرسمي: https://highlightjs.org/
4. prism.js - رمز JavaScript خفيف الوزن تسليط الضوء على البرنامج المساعد
Prism.js هو حاليا أخف رمز JavaScript يبرز المكون الإضافي. هو فقط 2 كيلو بايت بعد الضغط. Prism.JS يدعم أيضًا لغات البرمجة الأكثر شعبية ويدعم مجموعة متنوعة من أنماط الموضوع. يحتاج المطورون فقط إلى الرجوع إلى ملفات CSS وملفات JS لإكمالها.
الموقع الرسمي: http://prismjs.com/
5.
يعتمد البرنامج المساعد الذي يبرز هذا الرمز على jQuery ، وهو أيضًا خفيف الوزن ويجعل بسرعة كبيرة. في الوقت نفسه ، لدى jquery.syntax أيضًا تطبيق إضافي لـ WordPress. بالنسبة للمدونين الشخصيين ، يمكن أن يدرك استخدام WordPress و jQuery.Syntax وظيفة تسليط الضوء على أجيال 0.
الموقع الرسمي: http://www.codeotaku.com/projects/jquery-syntax/index.en
6. dlhighlight jQuery رمز بسيط وفعال يبرز المكونات الإضافية
DlHighlight هو مكون من رمز يسلط الضوء على JavaScript ، وهو أمر بسيط للغاية ، وهو حاليًا يدعم حاليًا JavaScript و CSS و XML و HTML.
الموقع الرسمي: http://mihai.bazon.net/projects/javaScript-Syntax-highlighting-engine
7. قوس قزح
Rainbow هو أداة تسليط الضوء على بناء الجملة التي طورتها JavaScript. تم تصميمه على أنه خفيف الوزن (فقط 1.4 كيلو بايت بعد الضغط) ، فهو سهل الاستخدام وقابل للتطوير. يتم تعريف موضوعات تمييز بناء الجملة بالكامل من خلال CSS. تم تنفيذها على أساس التعبيرات العادية.
الموقع الرسمي: http://craig.is/making/rainbows
عادة ما يتم استخدام مكونات رمز JavaScript هذه الإضافات بشكل شائع. إذا كان لديك مكونات برمجية أفضل لتسليط الضوء على الإضافات ، فيرجى إخبارنا بذلك.
تلخيص:
أفضل ما يناسبك أكثر ، وبالتالي فإن الترتيب في هذه المقالة لا يعني الأكثر الموصى به. يجب أن تختار وفقًا لاحتياجات مشروعك.