Показать код (html css php javascript jQuery и т. Д.) На веб-странице, точно так же, как код отображается здесь, в поле, синтаксис

Я хотел бы отображать код на веб-странице; Однако я бы хотел, чтобы он сохранял свой интервал И был закодирован цветом по синтаксису.

Пожалуйста, не отвечайте:

  1. Замена <> & "на объекты, такие как &lt; Это не то, что мне нужно: это устраняет все мои разрывы строк и мой интервал и не дает цвета
  2. <pre> <code> Это полностью не удается, он все еще пытается выполнить HTML и PHP

Посмотрите, если я копирую и вставляю код сюда, он дает мне ТОЧНО, что я хочу, чтобы мой сайт красиво закодирован цветом и поддерживался белый пробел.

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

То, что я ищу, это способ отображения кода (без его выполнения) и синтаксиса с цветовой кодировкой, как это делает этот сайт, или как Text Wrangler (текстовый редактор). Часто это будет код всей страницы от типа документа до / html.

Я видел цветное отображение кода на многих сайтах разработчиков, поэтому я знаю, что это выполнимо, но любой поиск в Google заканчивается тем, что приводит меня к миллиарду страниц о том, как изменить цвет шрифта и т. Д. В html.

Мне нужно, чтобы это работало для PHP HTML на MINIMUM и, желательно, css javascript и jquery.

PS: синтаксис с цветовой кодировкой не нужен, но сохранение моего формата (пробелы между пробелами и пробелами и т. Д.) Абсолютно необходимо и с объемом кода, который он публикует, не представляется возможным сделать вручную

Я использую синтаксический ярлык от Alex Gorbatchev (JavaScript).

Для получения инструкций см. http://alexgorbatchev.com/SyntaxHighlighter/manual/installation.html . Но если вам нужно поддерживать отображение HTML-элементов сценария, вам нужно вернуться к методу <pre> и, таким образом, выйти из < , > и & .

Это то, что вам нужно сделать:

  1. Замените < > & " на сущности, такие как &lt; Вы делаете это, затем делаете # 2, чтобы сохранить интервал. Вы не можете избежать экранирования объектов, поскольку эти символы могут вызывать недопустимый HTML, который вызывает ошибки анализа в браузере.
  2. Используйте <pre><code> для сохранения интервала. После того, как вы избегаете этих специальных символов и не создадите исполняемый HTML и PHP для выполнения (если вы явно не сказали PHP и HTML для их выполнения).

Синтаксическая раскраска немного сложнее, так как вам понадобится парсер, который понимает язык, который вы пытаетесь показать; даже синтаксическая раскраска SO не всегда работает так же хорошо, как и

См. Ссылку Марка или ознакомьтесь с этим предыдущим сообщением . Работает хорошо.

вы можете использовать подсветку синтаксиса

Загрузите SyntaxHighlighter.

Плагин SyntaxHighlighter также доступен для пользователей текстового пресса.

Для получения дополнительной информации прочтите этот пост –

Вы посмотрели на встроенные функции highlight_string () и функции highlight_file () PHP?