임의의 하이라이트 코드의 하이라이트.js

2756 단어 JavaScript
공식http://softwaremaniacs.org/soft/highlight/en/
좋은 페이지를 한 번에 알 수 있음http://softwaremaniacs.org/media/soft/highlight/test.html

상세한 설명

  • HTML의 코드 세그먼트를 강조 표시할 수 있음
  • 쓰여진 프로그래밍 언어를 마음대로 추측
  • 하이라이터의 종류는 2013-10-28에 현재 26종 이상
  • 예제


    test.html
    <!DOCTYPE html>
    <html>
      <head>
      <link rel="stylesheet"
            href="http://yandex.st/highlightjs/7.3/styles/xcode.min.css">
      <title>highlight.js demo</title>
    </head>
    <body>
      <h1>highlight.js demo</h1>
    
      <pre><code>if __name__ == '__main__':
        try:
            args = main_handler.prepare_args(_DEFAULT_HOSTS,
                                             _DEFAULT_DB_FILE_NAME)
            with main_handler.MainHandler(args) as handler:
                handler.do_all()
        except KeyboardInterrupt:
            print('\nKeyboardInterrupt happened\n')
            pass
        pass
      </code></pre>
      <pre><code>#!/bin/bash
    BASENAME=`basename $0`
    verbose=0
    help=0
    while getopts "hdrv" flag; do
      case $flag in
        \?) OPT_ERROR=1; break;;
        h) help=1;;
        v) verbose=1
      esac
    done
      </code></pre>
    
      <script src="http://yandex.st/highlightjs/7.3/highlight.min.js"></script>
      <script>hljs.initHighlightingOnLoad();</script>
    </body>
    </html>
    

    주의점

  • 상기 외부 호스트를 이용한 css/js
  • 지원하는 언어집이나 스타일을 고르려면 손 옆에 준비하는 것이 좋다
  • 개별 사용 사례에서 느리다고 오인할 가능성을 확인하는 것이 좋다
  • (문자 변경 정보)


    오징어와 들깨를 삭제한 기술이 일람성을 높였다.

    좋은 웹페이지 즐겨찾기