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.
İlk Yorumu Siz Yapın