Highlight.js (Kod Renklendirici) Kullanımı

• 10-11-2016
• Admin
• 4710 Okunma
• Paylaş
• Paylaş
• Paylaş

Kaynak: https://highlightjs.org/

İNDİR

Head taglarının arasına:

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

Yazdıracağımız kodları pre ve code taglarının arasına koyacağız.

<pre><code class="php">

</code></pre>

Yönetim panelinde ckeditörle sıkıntı yaşamamak için http://ckeditor.com/builder  adresinden Code Snippet eklentisini ekleyerek ckeditorümüzü güncellememiz gerekli. Ckeditorümüze kod parçacığı ekle düğmesi eklenecektir.