Midonya

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

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

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.