...
- 뷰 페이지에 코드 하이라이팅 CSS를 적용합니다. (패키지에서 plugins/codeBlockHighlighter/themes에 있는 CSS 중 적용하고 싶은 테마 적용)
- https://github.com/highlightjs/highlight.js/tree/main/src/styles 에서 더 많은 스타일을 받을 수 있습니다.
| Code Block | ||||
|---|---|---|---|---|
| ||||
var synapEditorConfig = {
...
/**
* 미리보기에 스타일 url을 추가합니다.
*/
'editor.preview.style.urls': [
'quoteExtension.min.css의 url' // ex) "/dist/plugins/codeBlockHighlighter/themes/atom-one-light.min.css"
]
...
}; |
에디터 적용 예시
테마 적용 예시
테마 미적용 : 하이라이트 표시되지 않음 | |
|---|---|
atom-one-light 테마 적용 | atom-one-dark 테마 적용 |
...



