我想在網頁上顯示代碼;不過,我希望它保持其間距,並用語法進行顏色編碼。在網頁上顯示代碼(html css php javascript jQuery等),就像代碼在這裏顯示的一樣,在框中,突出顯示語法
請不要進行響應:
- 更換<> &「與實體如
<
這不是我所需要的:這樣做將刪除我的所有換行符和我的間距,並提供無顏色 <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>
我正在尋找的是顯示的代碼(沒有它執行),並有顏色編碼語法,就像這個網站呢,還是喜歡文字牧馬人(文本編輯器)做的一種方式。通常這將是從doc類型到/ html的整個頁面的代碼。
我見過的代碼彩色編碼顯示在許多開發商的網站,所以我知道它是可行的,但任何谷歌搜索最終把我送到如何改變字體顏色和這樣的HTML格式的十億個。
我需要這個以最低的PHP HTML工作,最好CSS JavaScript的和jQuery也是如此。
PS:顏色編碼語法是沒有必要的,但讓我的格式(換行間距的空白等)是完全必要的,用的代碼量也帖子是不可行的做做手工
您是否嘗試過在你的問題Firebugging高亮顯示的代碼? – kapa 2011-02-17 12:26:00