개인 홈페이지에 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>
예제:
적용전
적용후
