Подтвердить что ты не робот

Как отобразить форматированный код на веб-странице

Я пытаюсь написать блог, и я хочу отобразить код С# в аккуратном форматированном виде. Есть ли способ. Мне нравится делать это точно так же, как переполнение стека включает цвет.:)

4b9b3361

Ответ 1

У вас здесь довольно много вариантов, но я бы рекомендовал не использовать форматировщик JavaScript. Если пользователь отключил скрипты, вы все равно хотите, чтобы код выглядел хорошо.

Если вы используете Visual Studio, надстройка Product Power Power Tools имеет опцию "copy HTML":
http://blogs.msdn.com/b/kirillosenkov/archive/2010/06/07/copy-code-in-html-format-with-visual-studio-2010.aspx

Jon Skeet предоставляет форматирование кода для общественного использования:
http://csharpindepth.com/CodeFormatterTool.aspx

Если вы используете PHP, GeSHi - хороший серверный вариант:
http://qbnz.com/highlighter/

Я считаю, что переполнение стека использует google-code-prettify:
http://code.google.com/p/google-code-prettify/

СинтаксисHighlighter - еще одно хорошее решение на стороне клиента:
http://alexgorbatchev.com/SyntaxHighlighter/

Ответ 2

SO использует google-code-prettify, который является Javascript + CSS. Вы должны получить всю необходимую документацию на этом сайте.

Кроме того, если вы не против использования PHP, GeSHi. Но клиентская сторона, вероятно, лучше, поэтому я бы пошел с префитером кода.

Ответ 4

Синтаксис Highlighter и google-code-prettify - это клиентские решения, вероятно, это лучше, потому что его универсальнее применять на любых веб-страницах (.php |.aspx |.jsp |.html). Его падение состоит в том, что:

  • Изначально, когда страница загружается, форматированный код отображается в необработанном формате. Для создания подсветки синтаксиса кода требуется некоторое время для javascript.

  • Не работает, если javascript отключен.

Решение. Предварительно создайте код форматированного синтаксиса. Генератор синтаксиса Highlight Generator - это онлайн-инструмент с открытым исходным кодом для предварительной сборки кода. Этот инструмент построен поверх библиотеки Syntax Highlighter v3.0.

Синтаксис Выделите конфигурацию генератора: codeworkout.blogspot.com/2014/07/online-generator-tool-for-code-syntax_18.html

Ответ 5

    <blockquote>
             //.....Code
    <blockquote>