Anasayfa

Highlight.js yada Hljs Nedir ve Nasıl Kullanılır.

hljs | nasıl kullanılır | nedir

Highlight.js, web uygulamalarında kaynak kodunun biçimlendirilip renklendirilmesi için popüler ve ücretsiz bir JavaScript kütüphanesidir.

indirmek ve proje hakkında daha fazla bilgi almak için kendi sitesini ziyeret edebilirsiniz.  https://highlightjs.org/download

Nasıl Kullanılır

1.Adım: web projelerinizde kullanmak için html sayfasının head blokları arasına aşağıdaki kodlar eklenmelidir.  

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/a11y-dark.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>

2.Adım: renklendirilmesi istenilen kod blokları pre ve code etiketleri ile yazılmalıdır. 

<pre><code class="language-html">&lt;h1&gt; Merhaba Dünya! &lt;/h1&gt;
&lt;p&gt; Renklendirilecek Kod Blokları &lt;/p&gt;</code></pre>

3.Adım: head bloğunda yüklenen scripti, body kapanış etiketinin hemen üzerinde çalıştırılır.

<script>hljs.highlightAll();</script>


Örnek uygulamada sonuç görseldeki gibidir.