답변:
StackOverflow는 Prettify 라이브러리를 사용합니다 .
최근에 무지개라는 것을 개발했습니다.
주요 디자인 목표는 코어 라이브러리를 매우 작게 만들고 개발자가 쉽게 확장 할 수 있도록하는 것이 었습니다.
http://rainbowco.de를 참조하십시오 .
rdf:type
요소로 사용되는시기와 속성 인시기를 알 수있는 것과 같이).
SyntaxHighlighter 는 GitHub 프로젝트 로 사용할 수 있습니다 .
jQuery Syntax Highlighter 는 정말 정말 인기있는 일반 자바 스크립트 구문 하이 라이터 인 Google의 Prettify를 기반으로 한 새로운 것 입니다.
code
및 pre
블록 과 같은 것을 지원하며 , language-javascript
강조 표시 할 클래스 이름과 워드 랩을 사용할 수 있습니다. 다른 많은보기처럼 원시보기를 열지 않고 정상적으로 선택하여 코드를 복사하고 붙여 넣을 수 있습니다. HTML5 데이터 속성을 사용 data-sh
하거나 초기화시 옵션을 지정 하여 추가로 사용자 정의 할 수 있습니다 . 정기적으로 업데이트되는 안정적인 선택입니다.
무엇에 대해 프리즘 레아 베루에 의해.
그녀는에서 포스트 블로그 유월 안에 (2012) 발표 :
- 작습니다. 코어는 1.5KB 축소 및 gzip입니다.
- 엄청나게 확장 가능합니다. 새로운 언어를 추가하는 것이 쉬울뿐만 아니라 (요즘 모든 구문 강조 표시기에서 제공됨) 기존 언어를 확장하는 것도 쉽습니다.
- 특정 경우에 더 나은 성능을 위해 웹 작업자를 통한 병렬 처리를 지원합니다.
- 그것은 당신이 Prism에 특화된 마크 업을 사용하도록 강요하지 않으며, Prism 특유의 클래스 이름조차도, 어쨌든 사용해야하는 표준 마크 업만을 사용하도록합니다. 따라서 잠시 동안 시도하고 마음에 들지 않으면 제거하고 흔적을 남기지 마십시오.
jQuery를 사용하는 경우 Chilli가 있습니다.
http://code.google.com/p/jquery-chili-js/
당신이해야 할 일은 jquery-chili.js와 recipes.js를 포함하고
$("code").chili();
자체적으로 언어를 파악해야합니다.
jQuery.Syntax 는 매우 빠르고 가벼운 구문 하이 라이터 입니다. 구문 소스 파일을 동적으로로드하고 CSS 또는 모델을 사용하여 깔끔하게 통합합니다.
이는 특히 빠르고 깔끔한 클라이언트 측 구문 파서라는 격차를 채우기 위해 개발되었습니다.
브라우저 내 편집기에서 구문 강조 표시를 찾고 있다면 CodeMirror를 사용해보십시오 .
나는 논쟁의 여지가 없지만 CMS 또는 블로그 플랫폼을 사용하는 경우 백엔드 하이 라이터를 사용하는 것이 분명한 이유로 더 낫다는 것을 언급 할 가치가 있다고 생각했습니다. Geshi를 살펴보십시오 ( http://qbnz.com/highlighter/ ) 관심이 있다면. 실제로 백엔드 기술을 통해 HTML 콘텐츠를 구문 분석하도록 서버를 설정할 수 있으므로 JS 하이 라이터가 전혀 필요하지 않습니다. (추가되는 유일한 기능은 인쇄 / 복사 (swf 사용) 기능입니다.)
Web Resources Depot의이 기사는 코드를 강조하기위한 여러 옵션을 나열하며, 그중 일부는 Javascript를 사용합니다. 2009 년 5 월 4 일에 출판되었습니다.