Показать выделенный исходный код HTML в Firefox?

Question

Есть ли какая-нибудь умная настройка типа контента, которая позволяет Firefox отображать выделенный исходный код HTML вместо его рендеринга?

У меня есть CMS, которая генерирует HTML-страницы. Я получаю отладочную информацию на каждой сгенерированной странице, добавляя «/ debug» к URL. Я хотел бы видеть источник с помощью «/ source», чтобы у меня был источник на моих вкладках Firefox (а не в качестве дополнительного окна).

Я играл с

ob_start() 

и

highlight_string(ob_get_contents()) 

но это не сработало быстро, я нахожу это слишком сложным, и мне нравится избегать работы с буферизацией, когда это возможно.

Может быть, есть более простой способ сделать это?

Редактировать: В настоящее время я буду использовать заголовок ("content-type: text / plain"), но он не выделяет код. Я ищу что-то вроде "content-type: text / html-source" или аналогичного.)

Answer 1

Вы можете использовать

<p>
    This very <em>system</em> which <a href="http://stackoverflow.com/">this
    website</a> uses. It's called Prettify.
</p>

http://code.google.com/p/google-code-prettify/

Answer 2

Некоторые браузеры уже имеют встроенную подсветку синтаксиса HTML. В Firefox и Chrome вы можете ссылаться на

<a href="view-source:http://etc">View Source</a>

или используйте (выделенный) исходный вид внутри iframe:

<iframe src="view-source:http://etc"/>

Это явно не работает кросс-браузер, но вы могли бы жить с этим в CMS на заказ.

Answer 3

Вы можете использовать что-то вроде Геши Это довольно полезно и выделяет гораздо больше языков, чем просто HTML, на случай, если вам когда-нибудь понадобится это.

Answer 4

Вы смотрели на установку сторонней подсветки синтаксиса? Я подумываю о том, чтобы добавить один в проект, использующий систему CMS, созданную вручную, чтобы сотрудники могли редактировать HTML-контент напрямую.