需要在我的网页上显示语法高亮显示的源代码

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