Highlight ile Kod Renklendirici

highlight-ile-kod-renklendirici

Highlight ile Kod Renklendirici

Merhaba arkadaşlar bu konumda sizlerle kodlarımızı nasıl renklendiririz onu göstereceğim.Bu konu bir çok kez paylaşılmış gördüğüm kadarı ile yinede olsun bende paylaşayım fazla paylaşımdan zarar gelmez 🙂

Peki bu eklentimizin ne gibi özellikleri var hemen bakalım..

  • 135 dilde renklendirme yapmaktadır.
  • 65 tane farklı renklendirme stillerine sahiptir.
  • Otomatik olarak dili algılayıp, renklendirme yapmaktadır.
  • Bütün frameworkler de çalışmaktadır.
  • Aynı kod bloğundaki farklı dilleri algılayıp renklendirmektedir.

Yapmamız gereken öncelikle eklentimizi indirmek ilgili eklentimizi BURADAN indirebilirsiniz. İçerisindeki highlight.js dosyası bizim kodlarımızı renklendirmemizde kullanacağımız js dosyamızdır.

Peki kullanımı nasıldır ona bakalım öncelikle bu dosyaları header.php yada işte üst.php neyse her sayfada dahil olan php dosyanızda çağırmanız gerekmektedir.

<?php

<script src="highlight.pack.js"></script> 
// Kod renklendirme eklentisini sayfaya dahil ettik.
<link rel="stylesheet" href="styles/default.css"> // Renklendirme stilini seçtik.
<script>hljs.initHighlightingOnLoad();</script> // Kod renklendirmeyi aktif ettik.

Yukarıdaki tanımlamaları gerçekleştirerek sayfada kod renklendirmeyi aktifleştirmiş oluyoruz. Yapacağımız sıradaki işlem de, kod renklendirilmesinin yapılacağı bloğu seçmektir.
Renklendirme işleminin yapılmasını istediğimiz kod satırını aşağıdaki yapının içerisine yazıyoruz.

Kullanımı:

<?php

<pre>   
<code>      
// Renklendirmesi yapılacak kodlar gelsin   
</code>
</pre>

Kullanım şekli yukarıdaki gibidir <pre><code></code></pre> arasında renklendirmek istediğiniz kodları yazmanız yeterlidir.

Sonraki konuda görüşmek üzere
Kanalıma abone olmayı unutmayın 🙂.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

Yavuz Selim

Yavuz selim