|
Syntax Highlighter 08.11.2007 - 23:26
<pre name="code" class="c-sharp"> etiketleri arasına yazıyorsunuz ve hemen altınada <link type="text/css" rel="stylesheet" href="css/SyntaxHighlighter.css"></link> satırlarını ekliyorsunuz kullanmak istediÄŸiniz dil'i göre <pre> tagında (bu örnekte c-sharp) dili ve hemen alt satırda o dilin JavaScript dosyasını sayfaya dahil ediyorsunuz, örneÄŸin; <script language="javascript" src="js/shBrushCSharp.js"></script> veya cpp için <script language="javascript" src="js/shBrushCpp.js"></script> tabii gerekli path ayarlarını kendi yapılandırmanıza göre düzenlemelisiniz. Ayrıntılı bilgileri projenin sayfasında bulabilirsiniz. Aslında bu alanda bir cok proje var ama SyntaxHighlighter'ın bana göre en güzel ve kullanmamı gerektiren özelliÄŸi BloggerMode(); çünkü websitenizde WYSIWYG gibi bir editor kullanıyorsanız eklediÄŸiniz kodların hemen sonuna <br /> (hatta her satırın sonuna) etiketleri eklenecektir ve görüntülemek istediÄŸiniz kod satırlarının sonunda <br /> etiketleri yerini alacaktır. Hiçde hoÅŸ bir durum olmasa gerek. İşte BloggerMode() özelliÄŸi bu sorunu ortadan kaldırıyor <br /> etiketleri görünmüyor ve kod biçimlenmiÅŸ ÅŸekilde karşımıza çıkıyor. Bu özelliÄŸi kullanabilmek içinde yukarıdaki kod'da dp.SyntaxHighlighter.HighlightAll('code'); satırının hemen üstünde dp.SyntaxHighlighter.BloggerMode(); satırını ekliyoruz yani son hali dp.SyntaxHighlighter.BloggerMode(); oluyor iÅŸte bu kadar. 'Syntax Highlighter' İle İlgili DiÄŸer Yazılar İçin Tıklayın. 0 Yorum |
En Son Yorumlar (Blog)
En Çok Okunanlar (Blog)
Sponsor Bağlantı
|