Google Code-Prettify ile Güzel Kodlar - Mustafa Sabri OĞUZ

Duyurular

5 Temmuz 2018 Perşembe

Google Code-Prettify ile Güzel Kodlar



Yazılım dünyasına benim gibi yakından ilgi duyuyorsanız, eminim yazılım sitelerinde paylaşılan kod bölümlerini görmüşsünüzdür. Bazıları gerçekten havalı değil mi? Peki kod bilgimizi böyle havalı bir şekilde nasıl paylaşabiliriz? Merak ediyorsan, okumaya devam et.
Bunun için Google amcamız "Code-Prettify" adlı bir Github güzel bir Javascript projesi hazırlamış. Bu projeden faydalanabilmenin iki yöntemi bulunmaktadır.

1. Yöntem: Projeyi indirip, kullanmak

Bu yöntem ile gerekli javascript ve css dosyasını indirip, kendi projenize dahil edebilirsiniz; Bunun için bu linkteki dosyayı indirin. Ardından indirdiğiniz dosyanın içindekileri, proje yapınıza göre taşıyın. Örnek olması açısından kendim şu şekilde yaptım.

Html dosyanızda head etiketlerinin arasına şunları yazmalısınız;
<link rel="stylesheet" type="text/css" href="prettify.css">
<script type="text/javascript" src="prettify.js"></script>
Body etiketimizi şu şekilde yazmanız yeterli;
<body onload="PR.prettyPrintundefined)">

2. Yöntem: CDN Kullanmak (Önerilir)

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js"></script>
Bu kodu Html dosyanızın <head> taglarının arasına yazmanız yeterli olacaktır.

Kullanımı

<pre class="prettyprint">class Voila {
public:
// Voila
static const string VOILA = "Voila";

// will not interfere with embedded <a href="#voila2">tags</a>.
}</pre>
Şeklinde içeriğiniz de belirtmeniz yeterli olacaktır. Tüm işlem bu kadar basit, umarım yeterince açıklayıcı olmuştur.

Not: Bağlantınız çevrimdışı iken CDN yöntemi çalışmayacaktır.

Hiç yorum yok:

Yorum Gönderme