İçeriğe geç

highlightjs eklentisi ile kodları renklendirme

Merhaba arkadaşlar bu yazımda sizlere sitemizde paylaştığımız kodları renklendirmeyi öğreteceğim. Bu konu beni baya zorladı, birçok eklentiyi denedim ama istediğim sonucu almadım. Son olarak highlightjs eklentisini buldum. Ekelntinin başarılı olduğunu ve bu konuda türkçe kaynağında eksik olduğunu görünce sizlerlede paylaşmak istedim. Eklenti gayet basit ve kullanışlı. Eklentinin tam olarak yaptığı şey pre>code tagları arasına yazdığımız kodları editörlerde olduğu gibi renklendiriyor.

Eklentiyi kullanmak için Buradan eklentiyi indirin. Eklentiyi indirdikten sonra zip dosyasını açın, zip dosyasının içindeki highlight.pack.js dosyasını ve styles dosyasını proje klsörünüze atın. Eklentiyi kullanacağınız sayfaya şu dosyaları ekleyin :


highlight.pack.js 

styles/default.css

Bu iki dosyayı projemize dahil ettikten sonra aşağıdaki kodu da highlight.pack.js dosyasını dahil ettiğimiz kodun hemen altına ekleyin 



Bu işlemlerden sonra sitemizde pre>code tagları arasına yazdığımız kodlar renkli şekilde görünecek.

Tarih:ÇözümlerCSS3

İlk Yorumu Siz Yapın

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir