Bir HTML belgesine yazdığım ve otomatik olarak kod yazmanın bir yolunu arıyorum. Biliyorum wikipedia bunu yapıyor, örneğin, sayfadaki: http://en.wikipedia.org/wiki/Nested_functionKod nasıl biçimlendirilir html/css/js/php
Bunun için kütüphaneler olduğundan eminim, ama hayatım boyunca bir tane bulamıyorum. Herhangi bir öneri var mı?
Prettify JavaScript kitaplığına bir göz atın. Genellikle insanlar tarafından kullanılan biri (örneğin burada SO kullanılıyor biri bu.)
Böyle kullanmak olacaktır:
<link href="prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettify.js"></script>
: En <head> elemanı olarak
<body onload="prettyPrint()">
<!-- any HTML you like here... -->
<pre class="prettyprint">
def say_hi():
print("Hello World!")
</pre>
<!-- any HTML you like here... -->
</body>
T: En <body> öğesinde şapka kütüphanenin basit kullanımı içindir. Sayfanızda başka bir JavaScript kullanıyorsanız, Prettify kütüphanesini etkinleştirmek için başka yöntemler öneririm (yani, <body> öğesinin onload özniteliğini kullanmayın). Örneğin, jQuery kullanıyorsanız, bu jQuery'yi yazdım.
// Extend jQuery functionality to support prettify as a prettify() method.
jQuery.fn.prettify = function() { this.html(prettyPrintOne(this.html())); };
böyle Kullanılan:
$('#my-code-element').prettify();
Bu eski bir sorudur, ama benim için Google'da ilk geldi, ben ben düşündüm ben genellikle sözdizimi kullanmak eklentisi belirli öğeleri vurgulamak d başka bir seçenek ekleyin. Prettify hala kullanışlı bir seçenek olsa da, yaşını biraz gösteriyor. Karşı karşıya olduğum yeni bir kütüphane Prism ve oldukça iyi çalışıyor gibi görünüyor. Daha semantiktir ve kodunuzu nasıl biçimlendireceğiniz konusunda daha iyi kontrol sağlar. Ayrıca eklentileri destekler ve temaları kutunun dışında Prettify'dan daha güzel görünür.
Koduma prizma adı verilen bir şey ekleyerek gerçekten huzursuz olurdum: p –
OMYGOSH SO GOOD! BU İÇİN TEŞEKKÜRLER! – Adam
Daha basit ve güçlü bir çözümün highlight.js olduğunu düşünüyorum. Şu anda 169 dili destekliyor ve 77 kod stili (Solarized karanlık ve aydınlık gibi). Biraz daha:
Hızlı herhangi js çerçeve
1 - HTML kafadaki:
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/default.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
2 - HTML içeriğinde
<pre>
<code class="html">
<p>This is your HMTL sample</p>
<p>You can use classes like "html", "php", "css", "javascript" too..</p>
</code>
</pre>
Sen dilleri ve stiller here kontrol edebilirsiniz.
Spot! Harika çalışıyor! Teşekkürler. –