SyntaxHighlighter๋กœ ์ฝ”๋“œ ์˜ฌ๋ฆฌ๊ธฐ

2013. 1. 23. 14:59ยทTIP

TISTORY์—์„œ ๊ฐ€์žฅ ๊ฐ•์ ์ธ ์ฝ”๋“œ๋ฅผ ์˜ฌ๋ ค์ฃผ๋Š” ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.

SyntaxHighlighter์‚ฌ์ดํŠธ์— ์ ‘์†ํ•˜์—ฌ ๋‹ค์šด๋กœ๋“œ ํ•ฉ๋‹ˆ๋‹ค.



ํด๋ฆญ์„ ํ•˜๊ฒŒ๋˜๋ฉด syntaxhighlighter_3.0.83 ๋ผ๋Š” ์••์ถ•ํŒŒ์ผ์ด ๋‹ค์šด๋กœ๋“œ ๋ ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์••์ถ•์„ ํ•ด์ œ ํ•ด์ค€ํ›„ ์ž์‹ ์˜ ๋ธ”๋กœ๊ทธ์˜ ๊ด€๋ฆฌ์ž ํŽ˜์ด์ง€๋กœ ๋“ค์–ด๊ฐ€์„œ


jsํŒŒ์ผ์„ ์ถ”๊ฐ€ํ•ด์ค๋‹ˆ๋‹ค.

Brush name

 Brush aliases

 File name

 ActionScript3

 as3, actionscript3

 shBrushAS3.js

 Bash/shell

 bash, shell

 shBrushBash.js

 ColdFusion

 cf, coldfusion

 shBrushColdFusion.js

 C#

 c-sharp, csharp

 shBrushCSharp.js

 C++

 cpp, c

 shBrushCpp.js

 CSS

 css

 shBrushCss.js

 Delphi

 delphi, pas, pascal

 shBrushDelphi.js

Diff

 diff, patch

 shBrushDiff.js

 Erlang

 erl, erlang

 shBrushErlang.js

 Groovy

 groovy

 shBrushGroovy.js

 JavaScript

 js, jscript, javascript

 shBrushJScript.js

 Java

 java

 shBrushJava.js

 JavaFX

 jfx, javafx

 shBrushJavaFX.js

Perl

 perl, pl

 shBrushPerl.js

 PHP

 php

 shBrushPhp.js

 Plain Text

 plain, text

 shBrushPlain.js

 PowerShell

 ps, powershell

 shBrushPowerShell.js

 Python

 py, python

 shBrushPython.js

 Ruby

  rails, ror, ruby

 shBrushRuby.js

 Scala

scala

 shBrushScala.js

 SQL

  sql

 shBrushSql.js

 Visual Basic

vb, vbnet

 shBrushVb.js

 XML

 xml, xhtml, xslt, html, xhtml

 shBrushXml.js

์„ค๋ช…ํ•˜๋Š” ์ฃผ์†Œ๋Š” ์š”๊ธฐ

์ž์‹ ์—๊ฒŒ ๋งž๋Š” jsํŒŒ์ผ์„ ์ถ”๊ฐ€ ํ•˜์…จ๋‹ค๋ฉด ๋‹ค์Œ์—” css๋ฅผ ์ถ”๊ฐ€ํ•ด์ฃผ์…”์•ผ ํ•ฉ๋‹ˆ๋‹ค.

ํ…Œ์ŠคํŠธ ํ•ด๋ณด์‹œ๊ณ  ๋ง˜์—๋“œ์‹œ๋Š” css๋ฅผ ๊ฐ™์€ ๋ฐฉ์‹์œผ๋กœ ์—…๋กœ๋“œ ์‹œ์ผœ์ค๋‹ˆ๋‹ค.

๊ทธ ๋‹ค์Œ

HTML/CSS์—์„œ ๋ฌธ์žฅ์„ ์ถ”๊ฐ€ํ•ด์ฃผ์‹œ๋ฉด ๋˜๊ฒ ์Šต๋‹ˆ๋‹ค.

//








//

์œ„์น˜๋Š” ๊ฐ€๋Šฅํ•˜๋‹ค๋ฉด </head>์ „์— ํ•ด์ฃผ์‹œ๋ฉด ์ข‹๊ฒ ์Šต๋‹ˆ๋‹ค~~

๋ชจ๋‘ ์ถ”๊ฐ€ ํ•˜์…จ๋‹ค๋ฉด ๊ฒŒ์‹œ๊ธ€ ์“ฐ๊ธฐ๋กœ ๊ฐ€์…”์„œ HTML ํƒญ์œผ๋กœ ๋ณ€๊ฒฝ ํ•ด์ค๋‹ˆ๋‹ค.

๋ณ€๊ฒฝ ํ›„ ์•„๋ž˜ ์™€ ๊ฐ™์ด ๋ณต์‚ฌ๋ฅผ ํ•˜์‹  ํ›„ ๋ถ™์—ฌ ๋„ฃ๊ธฐ ํ•ด๋ณด์‹œ๋ฉด ๋ฉ๋‹ˆ๋‹ค.

//
//
function helloSyntaxHighlighter()
{
	return "hi!";
}
//

์—ฌ๊ธฐ ๊นŒ์ง€์ž…๋‹ˆ๋‹ค.

728x90
'TIP' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€
  • [highlight.js] ์ง€์› ์–ธ์–ด์™€ alias
  • Window7 GodMode ์„ค์ • ๋ฐฉ๋ฒ•
  • syntaxhighlighter ํŒŒ์ผ ์—…๋กœ๋“œ ์—†์ด
  • Json ์ด๋ž€
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
์ผ์ƒ, ๊ฒŒ์ž„, ๋ง›์ง‘, ์—ฌํ–‰, ๊ฐœ๋ฐœ, IT ๋ธ”๋กœ๊ทธ๐Ÿงž
  • ์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
    ์š”์ˆ  ๋žจํ”„๐Ÿซ–
    ์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
  • ์ „์ฒด
    ์˜ค๋Š˜
    ์–ด์ œ
    • All (549)
      • Languages (57)
        • JAVA (13)
        • JSP (1)
        • C_C++ (4)
        • Html (3)
        • CSS (1)
        • JavaScript (18)
        • Python (3)
        • Kotlin (13)
        • TypeScript (1)
      • Framework (14)
        • spring (11)
        • jstl (1)
        • angular (2)
      • Tool (28)
        • Eclipse (5)
        • vsCode (3)
        • scrcpy (2)
        • Git (1)
        • IntelliJ (6)
        • Visual-studio (1)
        • UML (1)
        • Gradle (8)
      • DB (6)
        • Oracle (1)
        • MySql (3)
        • Mongo (2)
      • OS (14)
        • Linux (2)
        • Windows (12)
      • Server (8)
        • Tomcat (1)
        • Apache (1)
        • Node.js (6)
      • Programmings (25)
        • Design Pattern (2)
        • Funny (20)
        • Algorithms (3)
      • Cloud (8)
        • Docker (1)
        • Kubernetes (4)
        • Istio (1)
        • ArgoCD (2)
      • IT (5)
        • gRPC (3)
        • RESTful (3)
        • Web UI (5)
        • AI (4)
      • Book (6)
      • TIP (187)
      • Life (53)
      • Game (83)
      • Storage (22)
      • ์‹๋‹น (15)
  • ๋ธ”๋กœ๊ทธ ๋ฉ”๋‰ด

    • ํ™ˆ
    • ํƒœ๊ทธ
    • ๋ฐฉ๋ช…๋ก
    • ์‚ฌ์ดํŠธ๋งต
    • RSS
    • ๊ธฐํƒ€ ์†Œ๋“
  • ๋งํฌ

    • ๊ตฌ๊ธ€
    • ๋„ค์ด๋ฒ„
    • ์ •๋ถ€24
    • Spring Framework ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ
    • Kotlin ๋ฆด๋ฆฌ์ฆˆ ๋…ธํŠธ
    • ์นด์นด์˜ค ์• ๋“œํ•
    • ๋ธ”๋กœ๊ทธ ์‚ฌ์ดํŠธ๋งต
    • ๋ธ”๋กœ๊ทธ RSS
  • ๊ณต์ง€์‚ฌํ•ญ

    • ์•ˆ๋…•ํ•˜์„ธ์š”
  • ์ธ๊ธฐ ๊ธ€

  • ํƒœ๊ทธ

    ๋‰ด์Šค
    ๋ชฌ์Šคํ„ฐํ—Œํ„ฐ์™€์ผ์ฆˆ
    ๋‰ด์Šค ๋ธŒ๋ฆฌํ•‘
    ๋ธŒ๋ฆฌํ•‘
    ํ€˜์ŠคํŠธ
    ๋ชฌ์Šคํ„ฐํ—Œํ„ฐ๋‚˜์šฐ
    ๋ฐ์ผ๋ฆฌ ๋‰ด์Šค
    ํ•œ๋ˆˆ์— ๋ณด๋Š” ์˜ค๋Š˜์˜ ๋‰ด์Šค
    ์˜ค๋Š˜์˜๋‰ด์Šค
    ํƒœ๊ตญ
  • ์ตœ๊ทผ ๋Œ“๊ธ€

  • ์ตœ๊ทผ ๊ธ€

  • hELLOยท Designed By์ •์ƒ์šฐ.v4.10.3
์ง€๋‹ˆ๐Ÿงž‍โ™‚๏ธ๐Ÿฅญ
SyntaxHighlighter๋กœ ์ฝ”๋“œ ์˜ฌ๋ฆฌ๊ธฐ
์ƒ๋‹จ์œผ๋กœ

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”