웹솔루션개발 22년 노하우! 해피CGI의 모든것

[해피CGI][cgimall] Cross-browser Syntax Highlighter For Jquery 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] Cross-browser Syntax Highlighter For Jquery

해피CGI윤실장 2020. 7. 6. 09:31

크로스 브라우저 Syntax Highlighter JQuery 플러그인입니다.

Syntax Highlighting 이란 구문 강조를 의미하는데, 프로그램 소스 코드 등을 노출하여 설명할때 주로 사용됩니다.

- 라이센스

MIT




- Syntax Highlighting 이란?


Syntax Highlighting 이란 구문 강조를 의미하는데,
프로그램 소스 코드 등을 노출하여 설명할때 주로 사용됩니다.

소스 코드 줄을 구분하고 각 프로그램 언어에 맞게 변수, 함수 등의 색상을 달리하여
소스 코드를 보기 쉽게 노출해 줍니다.




- 사용 방법


1. 파일 상단에 Jquery 라이브러리와 Syntax JS 파일을 링크합니다.

 




2. syntax 함수를 호출합니다.
theme 값을 통해 테마도 변경이 가능합니다. (base 또는 bright 또는 paper)

 




3. PRE , CODE 객체를 추가하고 출력할 소스 코드를 입력합니다.

 

 




4. 지원하는 언어는 다음과 같습니다.

  • Apache
  • Applescript
  • Assembly
  • Bash
  • Basic
  • Clang
  • C# 
  • C++
  • CSS
  • Diff
  • Go
  • Haskell
  • HTML
  • IO
  • JavaScript
  • Java
  • JavaFX
  • Kai
  • Lisp
  • Lua
  • Nginx
  • Ocaml
  • OOC
  • Pascal
  • Perl
  • PHP
  • Plain
  • Protobuf
  • Python
  • Ruby
  • Scala
  • Smalltalk
  • SQL
  • Super-collider
  • Swift
  • Trenni
  • XML
  • Yaml







- 작동 예제

 

 

 

홈페이지바로가기

Comments