Syntaxhighlighter (click to download syntaxhighlighter1.5.1) is a small open-source project that can highlight various program source code syntaxes on the webpage. Supports the following popular programming languages:
C #, CSS, C ++, Delphi, Java, JavaScript, PHP, Python, Ruby, SQL, Visual Basic, XML/HTML
Usage:
1. If the folder test.htm is stored in a directory, the dp. SyntaxHighlighter is decompressed to the subdirectory in the directory, which is assumed to be images.
2. Insert the following code between Copy to ClipboardReference: [www.bkjia.com] <link type = "text/css" rel = "stylesheet" href = "images/Styles/SyntaxHighlighter.css"> </link>
3. Insert the following code (class = "js" indicates that the source code is displayed in js syntax, and other configurable class values are
C #, css, c, delphi, java, js, php, python, ruby, SQL, vb, xml ):
Copy to ClipboardReference: [www.bkjia.com] <textarea name = "code" class = "js" rows = "15" cols = "100">
// Put the program source code here
</Textarea>
4. Insert the following code before </body> at the end of the webpage:
Copy to ClipboardReference: [www.bkjia.com] <script class = "javascript" src = "images/Scripts/shCore. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushCSharp. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushPhp. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushJScript. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushJava. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushVb. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushSql. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushXml. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushDelphi. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushPython. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushRuby. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushCss. js"> </script>
<Script class = "javascript" src = "images/Scripts/shBrushCpp. js"> </script>
<Script class = "javascript">
Dp. SyntaxHighlighter. HighlightAll ('code ');
</Script>