显示代码(html css php javascript jQuery等)在网页上,就像代码显示在这里,在框中,语法突出显示

前端之家收集整理的这篇文章主要介绍了显示代码(html css php javascript jQuery等)在网页上,就像代码显示在这里,在框中,语法突出显示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想在网页上显示代码;然而,我希望它保持其间距,并通过语法进行颜色编码.

请不要回应:

>更换< > &安培; “这样的实体如& lt.这不是我需要的:这样做会删除所有的换行符和间距,并且不提供颜色
>< pre> <代码>这完全失败了,它仍然试图执行HTMLPHP

看看我是否复制并粘贴代码到这里,它给了我很好的我想要在我的网站上
良好的颜色编码和保持白色空间.

<span style="color:#FE7A15;font-size:140%">&#9632;</span>&nbsp;<a href="https://stackoverflow.com">stackoverflow.com</a>&nbsp; 
                    <span style="color:#FE7A15;font-size:140%">&#9632;</span>&nbsp;<a href="http://stackapps.com">api/apps</a>&nbsp; 
                    <span style="color:#FE7A15;font-size:140%">&#9632;</span>&nbsp;<a href="http://careers.stackoverflow.com">careers</a>&nbsp; 
                    <span style="color:#E8272C;font-size:140%">&#9632;</span>&nbsp;<a href="http://serverfault.com">serverfault.com</a>&nbsp; 
                    <span style="color:#00AFEF;font-size:140%">&#9632;</span>&nbsp;<a href="http://superuser.com">superuser.com</a>&nbsp; 
                    <span style="color:#969696;font-size:140%">&#9632;</span>&nbsp;<a href="http://Meta.stackoverflow.com">Meta</a>&nbsp; 
                    <span style="color:#46937D;font-size:140%">&#9632;</span>&nbsp;<a href="http://area51.stackexchange.com">area&nbsp;51</a>&nbsp; 
                    <span style="color:#C0D0DC;font-size:140%">&#9632;</span>&nbsp;<a href="http://webapps.stackexchange.com">webapps</a>&nbsp; 
                    <span style="color:#000000;font-size:140%">&#9632;</span>&nbsp;<a href="http://gaming.stackexchange.com">gaming</a>&nbsp; 
                    <span style="color:#dd4814;font-size:140%">&#9632;</span>&nbsp;<a href="http://askubuntu.com">ubuntu</a>&nbsp; 
                    <span style="color:#9ce4fe;font-size:140%">&#9632;</span>&nbsp;<a href="http://webmasters.stackexchange.com">webmasters</a>&nbsp; 
                    <span style="color:#cf4d3f;font-size:140%">&#9632;</span>&nbsp;<a href="http://cooking.stackexchange.com">cooking</a>&nbsp; 
                    <span style="color:#f4f28d;font-size:140%">&#9632;</span>&nbsp;<a href="http://gamedev.stackexchange.com">game development</a>&nbsp; 
                    <span style="color:#0f3559;font-size:140%">&#9632;</span>&nbsp;<a href="http://math.stackexchange.com">math</a>&nbsp; 
                    <span style="color:#f2f2f2;font-size:140%">&#9632;</span>&nbsp;<a href="http://photo.stackexchange.com">photography</a>&nbsp; 
                    <span style="color:#037187;font-size:140%">&#9632;</span>&nbsp;<a href="http://stats.stackexchange.com">stats</a>&nbsp; 
                    <span style="color:#f1e7cc;font-size:140%">&#9632;</span>&nbsp;<a href="http://tex.stackexchange.com">tex</a>&nbsp; 
                    <span style="color:#e1cdae;font-size:140%">&#9632;</span>&nbsp;<a href="http://english.stackexchange.com">english</a>&nbsp; 
                    <span style="color:#a2d9f6;font-size:140%">&#9632;</span>&nbsp;<a href="http://cstheory.stackexchange.com">theoretical cs</a>&nbsp; 
                    <span style="color:#1b3e6c;font-size:140%">&#9632;</span>&nbsp;<a href="http://programmers.stackexchange.com">programmers</a>&nbsp; 
                    <span style="color:#293a5d;font-size:140%">&#9632;</span>&nbsp;<a href="http://unix.stackexchange.com">unix</a>&nbsp;

                    <span style="color:#bec0cb;font-size:140%">&#9632;</span>&nbsp;<a href="http://apple.stackexchange.com">apple</a>&nbsp;
                    <span style="color:#939185;font-size:140%">&#9632;</span>&nbsp;<a href="http://wordpress.stackexchange.com">wordpress</a>

我正在寻找的是一种显示代码(没有执行)的方法,并且像这样的网站一样具有颜色编码语法,或者像文本编辑器(Text Wrangler)一样.通常这将是从doc类型到/ html的整个页面代码.

我已经看到许多开发者网站上的代码的颜色代码显示,所以我知道这是可行的,但任何谷歌搜索最终带来了十亿页,如何改变字体颜色和这样的HTML.

我需要这个工作在PHP最小的PHP HTML,最好是css javascript和jquery.

PS:颜色编码语法不是必需的,但保持我的格式(换行符间隔空格等)是绝对必要的,并且其发送的代码量是不可行的,手动执行

解决方法

我使用 syntax highlighter from Alex Gorbatchev(JavaScript).

有关说明,请参阅http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html.但是,如果您需要支持显示包含脚本元素的HTML,则需要回到< pre>方法,从而逃避,>和&

猜你在找的HTML相关文章