자바 스크립트로 구문 강조 코드

자바 스크립트로 구문 강조 코드

---

HTML에서 <code> 블록을 구문 강조하기 위해 어떤 자바 스크립트 라이브러리를 추천 할 수 있습니까?

(답변 당 하나의 제안을 부탁드립니다).

---

StackOverflow는 Prettify 라이브러리를 사용합니다 .

---

최근에 무지개라는 것을 개발했습니다.

주요 디자인 목표는 코어 라이브러리를 매우 작게 만들고 개발자가 쉽게 확장 할 수 있도록하는 것이 었습니다.

http://rainbowco.de를 참조하십시오 .

---

SyntaxHighlighter 는 GitHub 프로젝트 로 사용할 수 있습니다 .

---

jQuery Syntax Highlighter 는 정말 정말 인기있는 일반 자바 스크립트 구문 하이 라이터 인 Google의 Prettify를 기반으로 한 새로운 것 입니다.

code및 pre블록 과 같은 것을 지원 하고 , language-javascript강조 표시 할 클래스 이름과 워드 랩을 사용할 수 있습니다. 다른 많은 것과 마찬가지로 원시보기를 열지 않고 정상적으로 선택하여 코드를 복사하고 붙여 넣을 수 있습니다. HTML5 데이터 속성을 사용 data-sh하거나 초기화시 옵션을 지정 하여 추가로 사용자 정의 할 수 있습니다 . 정기적으로 업데이트되는 안정적인 선택입니다.

---

무엇에 대해 프리즘 레아 베루에 의해.

그녀는에서 포스트 블로그 유월 안에 (2012) 발표 :

• 작습니다. 코어는 1.5KB 축소 및 gzip입니다.
• 엄청나게 확장 가능합니다. 새로운 언어를 쉽게 추가 할 수있을뿐만 아니라 (요즘 모든 구문 하이 라이터에서 제공되는) 기존 언어를 확장 할 수도 있습니다.
• 특정 경우에 더 나은 성능을 위해 웹 작업자를 통한 병렬 처리를 지원합니다.
• 프리즘 특정 클래스 이름은 물론 프리즘 특정 마크 업을 사용하도록 강요하지 않으며 어쨌든 사용해야하는 표준 마크 업 만 사용합니다. 따라서 잠시 동안 시도해보고 마음에 들지 않으면 제거하고 흔적을 남기지 마십시오.

---

어때 :

구문

highlight.js

JS 하이 라이터

---

jQuery를 사용하는 경우 Chilli가 있습니다.

http://code.google.com/p/jquery-chili-js/

당신이해야 할 일은 jquery-chili.js와 recipes.js를 포함하고

$("code").chili();

자체적으로 언어를 파악해야합니다.

---

나는 SHJS에 매우 만족 합니다. 다양한 언어를 지원하며 매우 빠르고 정확합니다.

다음은 내 블로그 에서 사용하는 예 입니다. Coda의 구문 강조 를 시뮬레이트하는 사용자 지정 CSS 파일을 사용하고 있습니다 . 사용하려면 이메일을 보내주세요.

---

jQuery.Syntax 는 매우 빠르고 가벼운 구문 하이 라이터 입니다. 구문 소스 파일을 동적으로로드하고 CSS 또는 모델을 사용하여 깔끔하게 통합합니다.

이는 특히 공백을 채우기 위해 개발되었습니다. 즉, 빠르고 깨끗한 클라이언트 측 구문 파서입니다.

---

브라우저 내 편집기에서 구문 강조 표시를 찾고 있다면 CodeMirror를 사용해보십시오 .

---

나는 논쟁의 여지가 없지만 CMS 또는 블로그 플랫폼을 사용하는 경우 백엔드 하이 라이터를 사용하는 것이 분명한 이유로 더 낫다는 것을 언급 할 가치가 있다고 생각했습니다. Geshi ( http://qbnz.com/highlighter/ ) 관심이 있다면. 실제로 백엔드 기술을 통해 HTML 콘텐츠를 구문 분석하도록 서버를 설정할 수 있으므로 JS 하이 라이터가 전혀 필요하지 않습니다. (추가 된 유일한 기능은 인쇄 / 복사 (swf 사용) 기능입니다.)

---

구문

---

Web Resources Depot의이 기사는 코드를 강조하기위한 여러 옵션을 나열하며, 그중 일부는 Javascript를 사용합니다. 2009 년 5 월 4 일에 출판되었습니다.

참고 URL : https://stackoverflow.com/questions/160694/syntax-highlighting-code-with-javascript