需要在我的网页上显示语法突出显示的源代码

时间:2013-02-23 13:56:58

标签: php javascript css

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

有点像stackoverflow。我可以在哪里输入javascript和php以及jquery和css以及许多其他语言,它们将在页面上显示语法! :)

像这样:

<?php echo "Hello friends";?>

我该如何以最佳方式完成?

3 个答案:

答案 0 :(得分: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>的页面上的所有代码。

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

使用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版本,可以在浏览器中正确显示) 然后使用bootstraps代码类 http://twitter.github.com/bootstrap/base-css.html#code