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() {
                    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);


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<html xmlns="">
		<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>
		<p>Put your pre tags here!</p>


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

Your Reaction Time!