메뉴 건너뛰기

SAP 한국 커뮤니티



PRISM Syntax Highlighter

oracleuser 2017.03.01 09:45 조회 수 : 1864 추천:1

개인 홈페이지에 ABAP 소스를 넣으면 단순히 텍스트로만 나와 보기가 조금 나빴습니다.

알아보니 Syntax Highlighter 라는게 있더군요.


그중에서 제일 유명한것이 SyntaxHighlighter라는 것인데

불행히도 사용중인 제 홈페이지는 킴스큐로 만들어 관련된 자료가 없었고.

게다가 ABAP은 지원하지 않는것으로 나오더군요. (물론 찾아보니 나오긴 했으나 설치부터가 난감한 상태인지라...)


검색 좀 더 하다보니 설치도 쉬운게 있어서 정보 올립니다.


SAP joy에도 적용이 어렵지 않을것 같다라는 생각입니다.



1. 사이트 : http://prismjs.com
    라이선스 관련한 정보는 찾아봐도 찾을 수가 없네요.

2. 다운로드
   - Core
   - Languages (모두 다운로드)
   - Themes : OKAIDIA
   - Plugins : Show Invisibles (공백 및 들여쓰기 보여주기), Custom Class (에러나서 안됨)
                위 2가지 플러그인을 제외하고 모두 선택 후 다운로드      

3. 설치
   - 킴스큐의 경우 /layouts/default/_lib 에 위 사이트에서 다운 받은 prism.js, prism.css 파일을 업로드

4. 사용법
   게시판의 HTML 편집 상태에서
   - 일반적인 사용시 : 라인번호만 넣음, 단 language-언어는 주의할것
     <pre><code class="language-abap line-numbers">
     소스 넣기
     </code></pre>

   - 특정 라인만 강조하고 싶은 경우 (1, 3-4, 42 라인) 
     주의! line-numbers 옵션을 넣으면 에러가 남 
     <pre data-line="1,3-4,42"><code class="language-abap>
     소스 넣기
     </code></pre>

예제:

적용전
Before.jpg

적용후
After.jpg