需要在我的網頁上顯示語法高亮顯示的源代碼

Question

目前我正在一個網站上，用戶可以發佈可包含源代碼示例的文本。

有點像這裏在stackoverflow。在哪裏可以輸入javascript和php以及jquery和css和許多其他語言，並且它們將在頁面上被語法高亮顯示！ :)

像這樣：

<?php echo "Hello friends";?> 

我要如何做它最好的方法是什麼？

Answer 1

我相信你正在尋找Highlight.js;試一試，這是相當瑣碎set up and use：

基本使用

鏈接庫，並從頁面樣式表和鉤突出 頁面加載事件：

<link rel="stylesheet" href="styles/default.css">

<script src="highlight.pack.js"></script> <script>hljs.initHighlightingOnLoad();</script>

這將突出標記爲<pre><code> .. </code></pre>的頁面上的所有代碼。

Answer 2

看一看這個項目：https://github.com/igorpan/PHPygmentizator

它是使用Pygments突出廣泛的語言，並支持很多不同的風格PHP庫。

Answer 3

使用PHP的htmlsafe

http://php.net/manual/en/function.htmlspecialchars.php

<?php 
$new = htmlspecialchars("<a href='test'>Test</a>", ENT_QUOTES); 
echo $new; // &lt;a    href=&#039;test&#039;&gt;Test&lt;/a&gt; 
?> 

（從我的頭頂我不記得是什麼標誌，但輸出的安全ASCII版本的標誌thatrender正確瀏覽器） 然後使用bootstraps代碼類 http://twitter.github.com/bootstrap/base-css.html#code