Rev. 2.73

Dan Webb에서 만든 자바스크립트 코드 하이라이터입니다. 아래에 보시는 것처럼 멋드러지게 드로잉합니다. HTML, 자바스크립트, 스타일시트 그리고 루비의 코드를 기본으로 지원하며, 확장 가능한 형태로 구축되어 있고, 썩 쓸만한 성능을 보여주고 있습니다. 이제 코드 색상입히기 노가다는 끝이군요. (이상하게도 IE의 주석처리에 문제가 있습니다.) 코드(code)태그에는 br태가그 필요치 않군요. IE는 br태그가 입력되면 더이상 진행되지 않습니다.

자바스크립트 예제

/*
This script detects external links in a page
and attaches a behaviour to them so they open
in a external window.
*/

function initialiseLinks() {
    if (document.getElementsByTagName) {
        var links = document.getElementsByTagName("A");
        for (var i = 0; i < links.length; i++) {
            if (links[i].href.indexOf("http:")==0) {
                // if the links URL starts with http: then we assume it's an external link
                links[i].onclick = function() {
                    window.open(this.href);
                    return false; // stop normal link behaviour
                }
            }
        }
    }
}

window.onload = initialiseLinks();

스타일시트 예제

.javascript  .comment {
	color : green; /* ffbgffg */
}
.javascript  .string {
	color : maroon;
}
.javascript  .keywords {
	font-weight : bold;
}
.javascript  .global {
	color : blue;
	font-weight: bolder;
}
.javascript  .brackets {
	color : Gray;
}
.javascript  .thing {
	font-size : 10px;
	background : url(ghgfhfg gh f.rtjhf);
}

HTML 예제

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CodeHighlighter example</title>
		<!-- This is all you need to do to get CodeHighlighter working -->
		<script type="text/javascript" src="CodeHighlighter.js"> </script>
		<script type="text/javascript" src="html.js"> </script>
	</head>
	<body>
		<p>Put your pre tags here!</p>
	</body>
</html>

Comments

Got something to add? You can just leave a comment.

Your Reaction Time!

captcha

avatar