Как отображать примеры кода на веб-страницах с хорошим стилем синтаксиса, как при переполнении стека? - PullRequest
11 голосов
/ 15 апреля 2009

Я хотел бы иметь возможность извлечь некоторые примеры кода из базы данных и / или разместить текст на веб-сайте, а затем отформатировать образец в виде кода, подобного моде на экране. Хотя текст на экране великолепен, формат сделает его более удобным для пользователя. Как это сделать?

Я хочу это:

public string MyString = "Образец текста";


Чтобы выглядеть как:
public string MyString = "The Sample Text";


РЕДАКТИРОВАТЬ С ОТВЕТОМ
Я принял предложение Гортока и посмотрел на Prettify.js и он делал то, на что я надеялся. Вот как это реализовано.
<head runat="server">
    <script src="Scripts/prettify.js" type="text/javascript"></script>
    <script src="Scripts/jquery-1.3.2.js" type="text/javascript"></script>
    <link href="Scripts/prettify.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
    <code class="prettyprint"> 
        public String HelloString = "New String"; 
    </code>  
    <script language="javascript"> 
        $().ready(function() { 
            prettyPrint(); 
        }); 
    </script> 
</body> 

Ответы [ 3 ]

25 голосов
/ 15 апреля 2009

Переполнение стека использует prettify.js от Google.

7 голосов
/ 15 апреля 2009

Я использую SyntaxHighlighter от Алекса Горбачева

http://alexgorbatchev.com/wiki/SyntaxHighlighter

Используется в сети разработчиков Yahoo

http://developer.yahoo.com/yui/animation/

4 голосов
/ 15 апреля 2009

поможет ли это:

http://code.google.com/p/syntaxhighlighter/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...