我想在网页上显示代码;但是我希望它保持其间距并通过语法进行颜色编码。
请不要回复：
<之类的实体这不是我需要的：这样做会删除我所有的换行符和间距并且不提供颜色<pre> <code>这完全失败了它仍然试图执行HTML和PHP 看看我是否将代码复制并粘贴到此处，它确实给了我在我的网站上想要的内容 很好的颜色编码和保持白色空间。
<span style="color:#FE7A15;font-size:140%">■</span> <a href="http://stackoverflow.com">stackoverflow.com</a>
<span style="color:#FE7A15;font-size:140%">■</span> <a href="http://stackapps.com">api/apps</a>
<span style="color:#FE7A15;font-size:140%">■</span> <a href="http://careers.stackoverflow.com">careers</a>
<span style="color:#E8272C;font-size:140%">■</span> <a href="http://serverfault.com">serverfault.com</a>
<span style="color:#00AFEF;font-size:140%">■</span> <a href="http://superuser.com">superuser.com</a>
<span style="color:#969696;font-size:140%">■</span> <a href="http://meta.stackoverflow.com">meta</a>
<span style="color:#46937D;font-size:140%">■</span> <a href="http://area51.stackexchange.com">area 51</a>
<span style="color:#C0D0DC;font-size:140%">■</span> <a href="http://webapps.stackexchange.com">webapps</a>
<span style="color:#000000;font-size:140%">■</span> <a href="http://gaming.stackexchange.com">gaming</a>
<span style="color:#dd4814;font-size:140%">■</span> <a href="http://askubuntu.com">ubuntu</a>
<span style="color:#9ce4fe;font-size:140%">■</span> <a href="http://webmasters.stackexchange.com">webmasters</a>
<span style="color:#cf4d3f;font-size:140%">■</span> <a href="http://cooking.stackexchange.com">cooking</a>
<span style="color:#f4f28d;font-size:140%">■</span> <a href="http://gamedev.stackexchange.com">game development</a>
<span style="color:#0f3559;font-size:140%">■</span> <a href="http://math.stackexchange.com">math</a>
<span style="color:#f2f2f2;font-size:140%">■</span> <a href="http://photo.stackexchange.com">photography</a>
<span style="color:#037187;font-size:140%">■</span> <a href="http://stats.stackexchange.com">stats</a>
<span style="color:#f1e7cc;font-size:140%">■</span> <a href="http://tex.stackexchange.com">tex</a>
<span style="color:#e1cdae;font-size:140%">■</span> <a href="http://english.stackexchange.com">english</a>
<span style="color:#a2d9f6;font-size:140%">■</span> <a href="http://cstheory.stackexchange.com">theoretical cs</a>
<span style="color:#1b3e6c;font-size:140%">■</span> <a href="http://programmers.stackexchange.com">programmers</a>
<span style="color:#293a5d;font-size:140%">■</span> <a href="http://unix.stackexchange.com">unix</a>
<span style="color:#bec0cb;font-size:140%">■</span> <a href="http://apple.stackexchange.com">apple</a>
<span style="color:#939185;font-size:140%">■</span> <a href="http://wordpress.stackexchange.com">wordpress</a>
我正在寻找的是一种显示代码的方法（没有它执行）并且具有与本网站一样的颜色编码语法，或者像Text Wrangler（文本编辑器）那样。通常这将是从doc类型到/ html的整个页面的代码。
我在许多开发者网站上看到了代码的彩色编码显示，所以我知道它是可行的，但任何谷歌搜索最终都会让我看到如何改变字体颜色的十亿页面。
我需要这个用于MINIMUM的PHP HTML，最好是css javascript和jquery。
PS：颜色编码语法不是必需的，但保持我的格式（换行符间隔空格等）是绝对必要的，并且它发布的代码量不可行做手动
答案 0 :(得分：9)
我使用syntax highlighter from Alex Gorbatchev（JavaScript）。
有关说明，请参阅http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html。但是，如果您需要支持显示包含脚本元素的HTML，则需要回退到<pre>方法，从而逃避<，>和&。
答案 1 :(得分：2)
这是你需要做的：
< > & "替换为<之类的实体。执行此操作，然后执行＃2以保留间距。您无法避免转义实体，因为这些字符可能导致无效的HTML，导致浏览器中出现解析错误。<pre><code>保留间距。在您转义这些特殊字符后，不会导致转义的HTML和PHP被执行（除非您明确告诉PHP和HTML执行它们）。语法着色有点困难，因为你需要一个能够理解你试图展示的语言的解析器;甚至SO的语法着色并不总是能够正常工作
答案 2 :(得分：1)
您是否看过PHP的内置highlight_string()和highlight_file()函数？
答案 3 :(得分：1)
请参阅Mark的参考或Check out this previous post。效果很好。
答案 4 :(得分：1)