HTML에서 소스 코드를 강조하는 방법은 무엇입니까?[닫은]
-
09-06-2019 - |
문제
내 웹사이트에서 C/C++/Java/C# 등의 소스 코드를 강조하고 싶습니다.
어떻게 해야 하나요?
소스 코드를 강조하는 것이 CPU를 많이 사용하는 작업인가요?
해결책
이 작업은 서버 측이나 클라이언트 측에서 수행할 수 있습니다.프로세서를 많이 사용하지는 않지만 클라이언트 측(Javascript 사용)에서 수행하면 눈에 띄는 지연이 발생합니다.대부분의 클라이언트 측 솔루션은 Google Code의 구문 강조 엔진을 중심으로 진행됩니다.이것이 가장 인기 있는 것 같습니다: 구문하이라이터
서버측 솔루션은 특히 새로운 언어를 정의하고 강조 방식을 구성하는 방식에서 더 유연한 경향이 있습니다(예:사용된 색상).나는 Wordpress용 플러그인이 포함된 PHP 솔루션인 GeSHi를 사용합니다.Java용으로 구축된 라이브러리도 몇 개 있고 VIM을 기반으로 하는 라이브러리도 있습니다(일반적으로 CPAN에서 Perl 모듈을 설치해야 함).
간단히 말해서:옵션이 꽤 많은데 기준이 무엇인가요?귀하의 요구 사항을 알지 못하면 확실한 추천을 하기가 어렵습니다.
다른 팁
나는 사용한다 게시 ("일반 구문 강조 표시") Pastebin.com
Pastebin은 트래픽이 많기 때문에 변환 결과를 캐시하므로 확실히 로드가 줄어듭니다.
개인적으로 저는 오프라인 도구를 선호합니다.위에서 지적한 것처럼 이러한 라이브러리는 종종 지연되기 때문에 제공되는 각 페이지에 대해 또는 더 나쁜 경우 각 브라우저(JS 라이브러리의 경우)에 대해 코드(특히 큰 코드)를 계속해서 구문 분석하는 요점을 알 수 없습니다. 포맷하기 전에 원시 소스를 참조하세요).
이 작업을 수행하는 데는 여러 가지 도구가 있으며 그 중 일부는 위에서 지적했습니다.제가 가장 좋아하는 편집기(SciTE)의 내보내기 기능을 사용하는 이유는 제가 신중하게 설정한 색상 선택을 존중하기 때문입니다...:-) 그리고 XML, PDF, RTF, LaTeX도 출력할 수 있습니다.
나는 사용한다 google-code-pretify.설정이 가장 간단하고 모든 C 스타일 언어에서 잘 작동합니다.
다음과 같은 도구를 통해 실행해 보세요. http://www.gnu.org/software/src-highlite/