Какой лучший способ добавить цветные фрагменты кода на веб-страницу? - PullRequest
Новая
       16

Какой лучший способ добавить цветные фрагменты кода на веб-страницу?

4 голосов
/ 14 февраля 2009

Существует ли для этого веб-гаджет или служба или какое-либо решение с открытым исходным кодом?

Или люди просто пишут это вручную в HTML?

Мне нужно добавить код Ruby и Python на веб-страницу.

Ответы [ 5 ]

6 голосов
/ 14 февраля 2009

Я думаю, что Stack Overflow использует это или что-то очень похожее: http://code.google.com/p/syntaxhighlighter/

4 голосов
/ 14 февраля 2009

Я думаю, что этот сайт использует prettify .

2 голосов
/ 14 февраля 2009

Я думаю, что вы ищете что-то вроде GeSHi - универсальная подсветка синтаксиса. Я имел большой успех с этим в прошлом, GeSHi поддерживает TON языков. Это не только полезно для вашей собственной подсветки синтаксиса на вашем веб-сайте, но я использую исходные файлы, поскольку они содержат все ключевые слова языка (они нужны мне для текстового редактора, над которым я работаю с подсветкой синтаксиса). Это была находка.

Если вам требуется подсветка только для Ruby и Python, вы можете проверить NetBeans . Он имеет функцию вывода исходного кода на HTML-страницу, сохраняя весь цветной синтаксис.

1 голос
/ 14 февраля 2009

Недавно был выпущен SyntaxHighlighter 2.0 . Ниже приведен базовый фрагмент кода: 

<code><head>
    <script type="text/javascript" src="path/to/scripts/shCore.js"></script>
    <script type="text/javascript" src="path/to/scripts/shBrushPython.js"></script>
    <script type="text/javascript" src="path/to/scripts/shBrushRuby.js"></script>
    <link type="text/css" rel="stylesheet" href="path/to/css/shCore.css"/>
    <link type="text/css" rel="stylesheet" href="path/to/css/shThemeDefault.css"/>
    <script type="text/javascript">
        SyntaxHighlighter.config.clipboardSwf = 'path/to/scripts/clipboard.swf';
        SyntaxHighlighter.all();
    </script>
</head>


<pre class="brush: python;">
    ... code ...

    ... code ...
0 голосов
/ 14 февраля 2009

Если вы используете редактор Vim, все довольно просто. Просто откройте код в окне GVIM и сохраните его как файл HTML (Сохранить как ... и т. Д.) ... он сделает всю работу за вас, создав файл HTML, который сохраняет подсветку синтаксиса.

РЕДАКТИРОВАТЬ: на самом деле «Конвертировать в HTML» в меню синтаксиса. (http://vim.wikia.com/wiki/Pasting_code_with_syntax_coloring_in_emails)

...