>웹 프론트엔드 >JS 튜토리얼 >7가지 고성능 JavaScript 코드 강조 플러그인

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

黄舟
黄舟원래의
2017-02-25 13:49:091833검색

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

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

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

공식 홈페이지: http://www.php.cn/

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 프로그래밍 언어 코드의 일부가 강조 표시됩니다.

공식 웹사이트: http://www.php.cn/

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

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

  • 92개 언어와 49개 코드 서식 스타일을 지원합니다.

  • 언어 유형 자동 감지

  • 다국어 혼합 코드 강조 표시 지원

  • 지원 노드 . js

  • 모든 HTML 태그 사용 지원

  • 모든 js 프레임워크와 호환 가능

공식 홈페이지: http://www.php.cn/

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

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

공식 홈페이지: http://www.php.cn/

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

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

공식 홈페이지: http://www.php.cn/

6. DlHighlight – 간단하고 효율적인 jQuery 코드 강조 플러그인

DlHighlight는 JavaScript 기반 코드 강조 플러그인으로 매우 간단하며 현재 JavaScript, CSS, XML 및 HTML만 지원합니다.

공식 홈페이지: http://www.php.cn/

7. Rainbow.js – 확장 가능한 JavaScript 코드 강조 플러그인

Rainbow는 JavaScript용으로 개발된 구문 강조 도구입니다. 가볍고(단 1.4kb 압축), 사용이 간편하고 확장 가능하도록 설계되었습니다. 구문 강조 테마는 CSS를 통해 완전히 정의됩니다. 정규식을 기반으로 구현되었습니다.

 

비교적 일반적으로 사용되는 JavaScript 코드 하이라이팅 플러그인이 있으면 알려주시기 바랍니다.

via:codeceo

위는 7가지 고성능 자바스크립트 코드 하이라이팅 플러그인 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php. CN)!


성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.