Я хочу отобразить код на веб-странице; Однако я бы хотел, чтобы он сохранял свой интервал И был закодирован цветом по синтаксису.
Пожалуйста, не отвечайте:
- Замена < > и "с такими объектами, как
<Это не то, что мне нужно: это устраняет все мои разрывы строк и мой интервал и не обеспечивает цвет -
<pre> <code>Это полностью не удается, он все еще пытается выполнить HTML и PHP
Посмотрите, копирую ли и вставляю код здесь, это дает мне ТОЧНО, что я хочу на своем сайте красиво закодированный цвет и поддерживаемое свободное пространство.
<span style="color:#FE7A15;font-size:140%">■</span> <a href="#" onclick="location.href='http://stackoverflow.com'; return false;">stackoverflow.com</a>
<span style="color:#FE7A15;font-size:140%">■</span> <a href="#" onclick="location.href='http://stackapps.com'; return false;">api/apps</a>
<span style="color:#FE7A15;font-size:140%">■</span> <a href="#" onclick="location.href='http://careers.stackoverflow.com'; return false;">careers</a>
<span style="color:#E8272C;font-size:140%">■</span> <a href="#" onclick="location.href='http://serverfault.com'; return false;">serverfault.com</a>
<span style="color:#00AFEF;font-size:140%">■</span> <a href="#" onclick="location.href='http://superuser.com'; return false;">superuser.com</a>
<span style="color:#969696;font-size:140%">■</span> <a href="#" onclick="location.href='http://meta.stackoverflow.com'; return false;">meta</a>
<span style="color:#46937D;font-size:140%">■</span> <a href="#" onclick="location.href='http://area51.stackexchange.com'; return false;">area 51</a>
<span style="color:#C0D0DC;font-size:140%">■</span> <a href="#" onclick="location.href='http://webapps.stackexchange.com'; return false;">webapps</a>
<span style="color:#000000;font-size:140%">■</span> <a href="#" onclick="location.href='http://gaming.stackexchange.com'; return false;">gaming</a>
<span style="color:#dd4814;font-size:140%">■</span> <a href="#" onclick="location.href='http://askubuntu.com'; return false;">ubuntu</a>
<span style="color:#9ce4fe;font-size:140%">■</span> <a href="#" onclick="location.href='http://webmasters.stackexchange.com'; return false;">webmasters</a>
<span style="color:#cf4d3f;font-size:140%">■</span> <a href="#" onclick="location.href='http://cooking.stackexchange.com'; return false;">cooking</a>
<span style="color:#f4f28d;font-size:140%">■</span> <a href="#" onclick="location.href='http://gamedev.stackexchange.com'; return false;">game development</a>
<span style="color:#0f3559;font-size:140%">■</span> <a href="#" onclick="location.href='http://math.stackexchange.com'; return false;">math</a>
<span style="color:#f2f2f2;font-size:140%">■</span> <a href="#" onclick="location.href='http://photo.stackexchange.com'; return false;">photography</a>
<span style="color:#037187;font-size:140%">■</span> <a href="#" onclick="location.href='http://stats.stackexchange.com'; return false;">stats</a>
<span style="color:#f1e7cc;font-size:140%">■</span> <a href="#" onclick="location.href='http://tex.stackexchange.com'; return false;">tex</a>
<span style="color:#e1cdae;font-size:140%">■</span> <a href="#" onclick="location.href='http://english.stackexchange.com'; return false;">english</a>
<span style="color:#a2d9f6;font-size:140%">■</span> <a href="#" onclick="location.href='http://cstheory.stackexchange.com'; return false;">theoretical cs</a>
<span style="color:#1b3e6c;font-size:140%">■</span> <a href="#" onclick="location.href='http://programmers.stackexchange.com'; return false;">programmers</a>
<span style="color:#293a5d;font-size:140%">■</span> <a href="#" onclick="location.href='http://unix.stackexchange.com'; return false;">unix</a>
<span style="color:#bec0cb;font-size:140%">■</span> <a href="#" onclick="location.href='http://apple.stackexchange.com'; return false;">apple</a>
<span style="color:#939185;font-size:140%">■</span> <a href="#" onclick="location.href='http://wordpress.stackexchange.com'; return false;">wordpress</a>
То, что я ищу, - это способ отображения кода (без его выполнения) и синтаксиса с цветовой кодировкой, как это делает этот веб-сайт, или, например, Text Wrangler (текстовый редактор). Часто это будет код всей страницы от типа документа до /html.
Я видел цветное отображение кода на многих веб-сайтах разработчиков, поэтому я знаю, что это возможно, но любой поиск в Google заканчивается тем, что приводит меня к миллиарду страниц о том, как изменить цвет шрифта и т.д. в html.
Мне нужно, чтобы это работало для PHP HTML на MINIMUM и, желательно, css javascript и jquery.
PS: синтаксис с кодировкой цвета не нужен, но сохранение моего формата (пробелы между пробелами пробела и т.д.) абсолютно необходимо и с объемом кода, который он публикует, не представляется возможным сделать вручную