Textcube : Brand yourself!

아이


http://theeye.pe.kr/166





Google Code Prettify 라이브러리를 이용해 만든 Syntax Highlighter 입니다.





사용할 코드 하이라이터를 찾던 도중 마땅한게 없어 만들게 되었습니다. 다음과 같은 장점이 있습니다.





1. 용량이 매우 작다.


코드 변환 엔진의 경우 용량이 9KB밖에 하지 않습니다. 트래픽이 많은 블로그를 운영하시는분께 적절한 효과가 있을것입니다.





2. 서버의 부하가 적다.


코드 변환 작업을 서버 사이드에서 하지 않고 클라이언트 사이드에서 합니다. 코드 변환은 자바스크립트를 통해 하게 됩니다. 서버사이드 역시 간단한 태그 치환작업외에는 없습니다.





3. 변환 속도가 매우 빠르다.


Google Code Prettify Example 에서 변환 속도를 테스트 해 볼수 있습니다. 매우 빠른 속도를 자랑하고 있습니다.





4. 언어별 설정이 필요 없다.


기존의 언어를 명시해 주어야 했던 방식과 달리 단순히 [code][/code]태그만 사용하면 알아서 사용한 언어를 파악하여 파싱해 줍니다. 기존의 [code php][/code]와 같이 사용했던 방식보다 훨씬 간단합니다.





5. 다양한 언어를 사용할 수 있다.


기본적으로 Bash, C, Cpp, Java, Javascript, Perl, Python, XML, HTML, HtmlXmp, XHTML, PHP, XSL 를 사용할 수 있으며, 이외에도 모든 코드 및 일반 텍스트까지 할수 있는데까지 임의로 하이라이팅을 하여줍니다.





6. 다양한 커스터마이징 옵션을 제공한다.


index.php 파일을 수정하면 누구든지 자신에게 맞게끔 CSS 및 치환 설정을 바꾸거나 추가하여 사용할 수 있습니다.





7. 웹표준을 지향한다.


최대한 W3C의 표준을 준수하여 모든 브라우저에서 최대한 똑같이 보이도록 노력하였습니다.





------------------------- HISTORY -------------------------





20071002 code태그가 없을 경우 파싱을 하지 않도록 수정하였습니다.


20071002 가로 길이 설정을 index.php에 추가하였습니다. px및 %로 설정가능합니다.


20071023 버젼을 1.2로 판올림 하였습니다.


20071023 reznoa( http://reznoa.nayana.com/tt/ )님의 블로그 내용을 참고하여 css를 변경하였습니다.


20071023 css내용을 prettify.css안으로 이동하였습니다. 스타일 커스터마이징시 안의 내용을 수정하시면 됩니다.


20071023 php4를 대소문자 구별없이 정상적으로 지원하도록 수정하였습니다. 코드가 사라지는 버그 수정


20071029 줄바꿈 버그 수정, 두줄이 한줄로 인식되던것 수정


20071029 코드 블럭 스타일 변경