Prism JS Kullanımı

JavaScript | 08 Eylül, 2015

Kodlarımızı internet ortamımızda paylaşırken kullandığımız bir eklentidir. Daha çok paylaştığımız kod bloklarımızın daha renkli, güzel ve ayırt edici olarak görünmesini sağlar. Bir çok dil barındırır ve beşten fazla teması bulunmaktadır.Prism JS 'e bu link den indirebilirsiniz.

Basit Kullanımı:

<!DOCTYPE html>
<html>
<head>
...
<link href="themes/prism.css" rel="stylesheet" />
</head>
<body>
...
<script src="prism.js"></script>
</body>
</html>

Bunları yaptıkdan sonra bizim yapmamız gereken sadece hangi dili kullanmak istiyorsak o dilin language-den sonra ismini class'a yazmak olucaktır.

<pre><code class="language-css">p { color: red }</code></pre>