PrismJS, modern web uygulamaları için hızlı, hafif ve genişletilebilir bir sözdizimi vurgulama kütüphanesidir. Özellikle geliştiriciler için kod örneklerini web sayfalarında okunabilir ve estetik bir şekilde sergilemek amacıyla kullanılır.
PrismJS Kullanımı
PrismJS kullanımı oldukça basittir ve birkaç adımda web projelerine entegre edilebilir. İşte temel kullanım adımları:
Web Nedir? Web Siteleri ve Web Kayıt
Web, internet üzerinde yayınlanan birbiriyle bağlantılı hiber metin elemanlarından oluşan bir bilgi sistemidir. Web kelimesi, İngilizce anlamıyla kumaş dokusundan esinlenerek verilmiş bir isimdir. Dilimizdeki karşılığı ise ağ kelimes...
PrismJS Kütüphanesini Dahil Etme
PrismJS'i kullanmak için öncelikle kütüphaneyi projenize dahil etmeniz gerekmektedir. Bunun için CDN veya yerel dosyaları kullanabilirsiniz.
CDN Kullanarak Dahil Etme
<.link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/themes/prism.min.css" rel="stylesheet" /> <.script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.25.0/prism.min.js">
Yerel Dosyaları Kullanarak Dahil Etme
<.link href="path/to/prism.css" rel="stylesheet" /> <.script src="path/to/prism.js">
Kod Örneklerini Vurgulama
PrismJS kullanarak kod örneklerini vurgulamak için <.pre> ve <.code> etiketlerini kullanabilirsiniz. Dil belirlemek için class özniteliğini kullanmanız yeterlidir.
<.code class="language-javascript"> // JavaScript kod örneği console.log('Hello, world!');
PrismJS Özellikleri
PrismJS, sadece sözdizimi vurgulamanın ötesinde çeşitli özellikler sunar. Bu özellikler, geliştiricilerin ihtiyaçlarına göre genişletilebilir ve özelleştirilebilir.
Dil Desteği
PrismJS, birçok programlama dili için yerleşik destek sunar. Ayrıca, kullanıcı tanımlı diller ve genişletmeler eklemek mümkündür.
Eklentiler
PrismJS, çeşitli eklentilerle birlikte gelir. Bu eklentiler, satır numaraları, kopyalama butonları, otomatize edilen yükseklik ayarlamaları gibi ek işlevler ekler.
Tema Özelleştirme
PrismJS, farklı temalarla birlikte gelir ve bu temalar kolayca özelleştirilebilir. Kendi temalarınızı oluşturabilir veya mevcut temaları düzenleyebilirsiniz.
Hafif ve Performanslı
PrismJS, hafif yapısı sayesinde web sayfalarının performansını olumsuz etkilemez. Bu nedenle, büyük projelerde bile rahatlıkla kullanılabilir.
