코드 하이라이팅 플러그인을 적용하면 에디터에서 `getPublishingHtml()` 호출 시 하이라이팅이 될 수 있는 형태의 html이 반환됩니다.

사용방법

플러그인 파일 불러오기

<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->
<script src="codeBlockHighlighter.min.js의 url"></script>

코드 하이라이팅 테마 CSS 적용

• 뷰 페이지에 코드 하이라이팅 CSS를 적용합니다. (패키지에서 plugins/codeBlockHighlighter/themes에 있는 CSS 중 적용하고 싶은 테마 적용)
  • https://github.com/highlightjs/highlight.js/tree/main/src/styles 에서 더 많은 스타일을 받을 수 있습니다.

에디터 적용 예시

테마 적용 예시