기술 블로그를 작성하는 학생들의 경우 코드 강조 구성 요소에 매우 익숙해야합니다. 뛰어난 JavaScript 코드 강조 표시 플러그인을 사용하면 일부 키워드의 색칠과 각 코드 라인의 압입을 포함한 모든 프로그래밍 언어를 렌더링하는 데 도움이됩니다. 오늘 우리는 고성능 JavaScript 코드를 강조하는 플러그인을 공유 할 것입니다. 이 JavaScript 코드 강조 플러그인은 웹 페이지에서 코드를 편집하고 표시하는 데 매우 효과적입니다.
1. SyntaxHighlighter 최고의 JavaScript 코드 강조 표시 플러그인
SyntaxHighLigher는 JavaScript를 기반으로하는 플러그인을 강조하는 코드입니다. SyntaxHighlighter는 대부분의 프로그래밍 언어를 색칠하고 렌더링 할 수 있으며 코드 강조 표시의 성능도 매우 좋습니다. SyntaxHighlighter는 테마 파일을 사용자 정의하고 초기화 할 때 좋아하는 테마를 지정할 수 있습니다.
공식 웹 사이트 : http://alexgorbatchev.com/syntaxhighlighter/
2. Google 코드는 무료 JavaScript 코드 강조 작성 플러그인을 예측합니다
Google Code Prettify는 Google에서 시작한 플러그인을 강조하는 JavaScript 코드입니다. Google Code Prettify는 C/C ++, Java, Python, Ruby, PHP, Visual Basic, Awk, Bash, SQL, HTML, XML, CSS, JavaScript, MakeFiles 및 일부 Perl 프로그래밍 언어 코드를 강조 표시 할 수 있습니다.
공식 웹 사이트 : http://code.google.com/p/google-code-prettify/
3. 하이라이트 .js 다중 스타일의 JavaScript 코드 강조 표시 플러그인
Highlower.js는 다양한 샘플 소스 코드 구문을 표시하기 위해 모든 웹 페이지의 강조 및 음영을위한 JavaScript 프로젝트입니다. 다음 특성이 있습니다.
공식 웹 사이트 : https://highlightjs.org/
4. Prism.js- 가벼운 JavaScript 코드 강조 표시 플러그인
Prism.js는 현재 가장 가벼운 JavaScript 코드를 강조 표시하는 플러그인입니다. 압축 후 2KB입니다. Prism.js는 또한 가장 인기있는 프로그래밍 언어를 지원하며 다양한 테마 스타일을 지원합니다. 개발자는 CSS 파일과 JS 파일 만 참조하여 완료하면됩니다.
공식 웹 사이트 : http://prismjs.com/
5
이 코드 하이라이트 플러그인은 jQuery를 기반으로하며 가볍고 매우 빠르게 렌더링합니다. 동시에 jQuery.syntax에는 WordPress 용 플러그인 애플리케이션도 있습니다. 개인 블로거의 경우 WordPress 및 JQuery.syntax를 사용하면 0 세대의 강조 표시 기능을 완벽하게 인식 할 수 있습니다.
공식 웹 사이트 : http://www.codeotaku.com/projects/jquery-syntax/index.en
6. dlhighlight jQuery 단순하고 효율적인 코드 강조 플러그인
DLHighlight는 JavaScript 기반 코드 강조 표시 플러그인으로 매우 간단하며 현재 JavaScript, CSS, XML 및 HTML 만 지원합니다.
공식 웹 사이트 : http://mihai.bazon.net/projects/javaScript-syntax-highlighting-engine
7. Rainbow.js Extensible JavaScript 코드 강조 표시 플러그인
Rainbow는 JavaScript에서 개발 한 구문 강조 도구입니다. 경량으로 설계 (압축 후 1.4kb)로 사용되며 사용하기 간단하고 확장 가능합니다. 구문 강조 주제는 CSS를 통해 완전히 정의됩니다. 정규식을 기반으로 구현되었습니다.
공식 웹 사이트 : http://craig.is/making/rainbows
이 JavaScript 코드 강조 표시 플러그인은 일반적으로 사용됩니다. 더 나은 코드 강조 표시 플러그인이 있으면 알려주십시오.
요약 :
가장 좋은 것은 당신에게 가장 적합한 것 이므로이 기사의 순서가 가장 권장되는 것을 의미하지는 않습니다. 프로젝트 요구에 따라 선택해야합니다.