본문 바로가기

Web/Javascript

syntaxhighlighter 사용법

1. http://code.google.com/p/syntaxhighlighter/ 에서 다운

2. 다음 내용 <head>에 포함

[code]
<link type="text/css" rel="stylesheet" href="/dp.SyntaxHighlighter/Styles/SyntaxHighlighter.css"></link>
<script language="javascript" src="/dp.SyntaxHighlighter/Scripts/shCore.js"></script>
<script language="javascript" src="/dp.SyntaxHighlighter/Scripts/shBrushCpp.js"></script>
<script language="javascript" src="/dp.SyntaxHighlighter/Scripts/shBrushXml.js"></script>
[/code]


3. 코드는 다음과 같이 넣는다.

[code]
<pre name="code" class="cpp">
... 솰라솰라
</pre>
[/code]


4. 다음에 코드를 3 번 밑에 넣는다.

[code]
<script language="javascript">
dp.SyntaxHighlighter.ClipboardSwf = '/dp.SyntaxHighlighter/Scripts/clipboard.swf';
dp.SyntaxHighlighter.HighlightAll('code');
</script>
[/code]

5. 본다.


supported languages http://code.google.com/p/syntaxhighlighter/wiki/Languages

[code]
Language    Aliases
C++    cpp, c, c++
C#    c#, c-sharp, csharp
CSS    css
Delphi    delphi, pascal
Java    java
Java Script    js, jscript, javascript
PHP    php
Python    py, python
Ruby    rb, ruby, rails, ror
Sql    sql
VB    vb, vb.net
XML/HTML    xml, html, xhtml, xslt
[/code]

'Web > Javascript' 카테고리의 다른 글

Virtual Panel: How to Survive Asynchronous Programming in JavaScript  (0) 2013.09.26
google web font  (0) 2013.09.26
redirect for mobile browser  (0) 2013.09.26
createRange  (0) 2013.09.26
createElement  (0) 2013.09.26