需要在我的网页上显示语法突出显示的源代码 [关闭]答案

【问题标题】：Need to display syntax highlighted source code on my webpage [closed]需要在我的网页上显示语法突出显示的源代码 [关闭]
【发布时间】：2013-02-09 01:56:01
【问题描述】：

目前我正在开发一个网站，用户可以在该网站上发布包含源代码示例的文本。

有点像 stackoverflow 上的。我可以在其中键入 javascript 和 php 以及 jquery 和 css 以及许多其他语言，它们将在页面上突出显示语法！ :)

像这样：

<?php echo "Hello friends";?>

如何以最好的方式做到这一点？

【问题讨论】：

嗨，我不明白你在这里问什么。你能澄清一下吗？
我想帮助它做些什么，以便我的访问者可以看到我写的代码，就像我在第一个知道的那样:)
对不起，我还是不明白。
如果是 php 你应该看看highlight_file()
试试看这里，在页面上显示代码：nemprogrammering.dk/Tutorials/PHP/T4PHP.php

标签： php javascript css

【解决方案1】：

看看这个项目：https://github.com/igorpan/PHPygmentizator

它是一个 PHP 库，使用Pygments 突出显示多种语言并支持许多不同的样式。

【讨论】：

【解决方案2】：

使用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 版本）然后使用引导代码类 http://twitter.github.com/bootstrap/base-css.html#code

【讨论】：

【解决方案3】：

相信你在找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>的所有代码。

【讨论】：

它的作品！！ :D 我喜欢这个！！！！谢谢！！