[html] 자바 스크립트로 구문 강조 코드 [닫힘]

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

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



답변

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


답변

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

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

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


답변

SyntaxHighlighterGitHub 프로젝트 로 사용할 수 있습니다 .


답변

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

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


답변

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

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

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

답변

어때 :

syntaxhighlighter

highlight.js

JS 하이 라이터


답변

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

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

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

$("code").chili();

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