हमने अभी Prism.js स्थापित किया है और यह काम कर रहा है।
इस पेंचकस में हम कल थीम नामक एक विषय पाते हैं और इसे सिंटैक्स हाइलाइटिंग में रंग में बदलते हैं। हम त्वरित संदर्भ के लिए फ़ाइल के शीर्ष पर थोड़ा रंग कुंजी बनाते हैं। हम कुछ अनुमान भी लगाते हैं कि क्या है, कम से कम शुरू करने के लिए। रंग वार के साथ हम जो करते हैं, वह ठीक है लेकिन शानदार नहीं है। यदि आप आज साइट के चारों ओर ब्राउज़ करते हैं, तो आप देखेंगे कि कलर थीम ट्विलाइट की तरह है, जिसे मैं टेक्स्टमैट में पसंद करता था और वर्तमान में मैं सब्बल टेक्स्ट 2 में प्यार कर रहा हूं।
हम स्निपेट को कोड करने के लिए हेडर बार जोड़कर पूरा करते हैं। हमारे पास वास्तविक मार्कअप नहीं है (जो शायद अच्छा है, यह ज्यादातर सिर्फ एक सज्जाकार है) हम इसे relकोड पर विशेषता के माध्यम से एक छद्म तत्व और उत्पन्न सामग्री के माध्यम से जोड़ते हैं । सीएसएस-ट्रिक्स के अधिकांश मौजूदा कोड में यह विशेषता है। यदि ऐसा नहीं होता, तो कोई बड़ी बात नहीं। हम वास्तव relमें यहां सही तरीके से उपयोग नहीं कर रहे हैं, लेकिन मैं इसके बारे में अत्यधिक चिंतित नहीं हूं।
pre(rel):before ( content: attr(rel); )हम उस छद्म तत्व को पैडिंग के साथ 100% चौड़ा बनाने में थोड़ी समस्या में हैं। * चयनकर्ता पर हमारे बॉक्स-आकार की घोषणा को छद्म तत्वों को प्रभावित नहीं करता है (थोड़े समझ में आता है), इसलिए हम इसे शामिल करने के लिए अपने सामान्यीकरण को अपडेट करते हैं।