SyntaxHighlighter 구문강조 미리보기

HTML, PHP, JavaScript, CSS 구문 강조 결과를 보자.

아래는 HTML 구문강조이다.
<SPAN id=tx_marker_caret></SPAN><SPAN id=tx_marker_caret></SPAN><SPAN id=tx_marker_caret></SPAN><SPAN id=tx_marker_caret></SPAN><SPAN id=tx_marker_caret></SPAN><ELEMENT> <E attr='a' attr="a">text</E> TEXT <!-- TEXT --> <script> // text /* text */ var a = 'a'; function a() { alert(''); return; } </script> TEXT <style> #css {border:1px;} .css {width:1px;} </style> TEXT HTML과 JavaScript, CSS가 같이 작성 되었는데 HTML만 구문강조가 되어있다.
태그를 인식해서 자동 변환이 필요할 것 같다.

아래는 PHP 구문강조이다.

<?php include '../include.php'; function a () { if(($a + $b) > $c || float($a) > 0 || $d == true) { $a = 'a'; } echo $a; print_r $a; return } // TEXT /* TEXT */ ?>

 내장 함수 중 일부만 구문강조가 된다. 각종 문법 및 사용자 정의 함수도 구문 강조가 필요하다.

아래는 JavaScript 구문강조이다.

$(function(){ var i=''; var a=Array(); function a() { alert(''); } }); 내장함수 일부가 구문 강조 되지 않는다.

아래는 CSS 구문강조이다.

@charset "utf-8"; /* TEXT */ html, body {margin:0px;} #a, .a, a {z-index:20; position:absolute; width:428px; height:35px; font-size:16pt; background:#eeeeee; text-align:center; font-weight:bold; overflow:hidden;} CSS는 구성이 간단해서 구문강조를 하기 쉽다.


구문 강조 되지 않는 글자를 추가하려면 JS 파일을 수정해야 한다.