7가지 고성능 JavaScript 코드 강조 플러그인-JS 튜토리얼-php.cn

7가지 고성능 JavaScript 코드 강조 플러그인

黄舟

풀어 주다： 2017-02-25 13:49:09

원래의

1827명이 탐색했습니다.

기술 블로그 작성을 좋아하는 학생들은 코드 강조 구성 요소에 대해 매우 잘 알고 있어야 합니다. 탁월한 JavaScript 코드 강조 플러그인은 일부 키워드 색상 지정 및 각 코드 줄 들여쓰기를 포함하여 모든 프로그래밍 언어를 렌더링하는 데 도움이 됩니다. 오늘 우리는 몇 가지 고성능 JavaScript 코드 강조 플러그인을 공유할 것입니다. 이러한 JavaScript 코드 강조 플러그인은 웹 페이지에서 코드를 편집하고 표시하는 데 매우 효과적으로 도움이 됩니다.

1. SyntaxHighlighter – 최고의 JavaScript 코드 강조 플러그인

SyntaxHighlighter는 완전히 JavaScript를 기반으로 하는 코드 강조 플러그인입니다. 코드 강조 표시 성능도 매우 좋습니다. SyntaxHighlighter는 테마 파일을 사용자 정의하고 초기화 중에 좋아하는 테마를 지정할 수 있습니다.

공식 홈페이지: //m.sbmmt.com/

2. Google Code Prettify – 무료 JavaScript 코드 강조 플러그인

Google Code Prettify는 Google에서 출시한 JavaScript 코드 강조 플러그인입니다. Google Code Prettify는 C/C++, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript를 강조 표시할 수 있습니다. , Makefile과 Perl 프로그래밍 언어 코드의 일부가 강조 표시됩니다.

공식 웹사이트: //m.sbmmt.com/

3. 하이라이트.js - 플러그인을 강조하는 다중 스타일 JavaScript 코드

하이라이트.js는 모든 웹 페이지에서 다양한 샘플 소스 코드 구문을 강조 표시하는 데 사용되는 JavaScript 프로젝트입니다. 다음과 같은 기능이 있습니다:

92개 언어와 49개 코드 서식 스타일을 지원합니다.
언어 유형 자동 감지
다국어 혼합 코드 강조 표시 지원
지원 노드 . js
모든 HTML 태그 사용 지원
모든 js 프레임워크와 호환 가능

공식 홈페이지: //m.sbmmt.com/

4. Prism.JS - 경량 JavaScript 코드 강조 플러그인

Prism.JS는 현재 가장 가벼운 JavaScript 코드 강조 플러그인으로 압축 후 크기가 2KB에 불과합니다. Prism.JS는 가장 널리 사용되는 프로그래밍 언어도 지원하며 다양한 테마 스타일을 지원합니다. 개발자는 CSS 파일과 JS 파일만 참조하면 됩니다. 마치다.

공식 홈페이지: //m.sbmmt.com/

5. jQuery.Syntax – jQuery 경량 코드 강조 플러그인

이 코드 하이라이팅 플러그인은 jQuery를 기반으로 하며, 가볍고 렌더링 속도도 매우 빠릅니다. 동시에 jQuery.Syntax에는 wordpress용 플러그인 애플리케이션도 있습니다. 개별 블로거를 위해 wordpress와 jQuery.Syntax를 사용하면 제로 세대 구매의 강조 표시 기능을 완벽하게 구현할 수 있습니다.