...
Preview mode는 미리보기용 iframe을 이용하여 내용을 표시합니다. 필요에 따라 별도의 스타일 파일을 추가로 적용하여 서비스 화면과 유사한 형태로 미리보기를 구성할 수 있습니다.
설정방법
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
'editor.type': 'preview',
'editor.preview.style.urls': [
'horizontalLineExtension.min.css의 url',
'quoteExtension.min.css의 url'
], |
...
- editor.type: 에디터를 Preview mode로 초기화
- editor.preview.style.urls: 미리보기
...
- iframe에 추가할
...
- 스타일시트 URL 목록
※ editor.preview.style.urls는 선택 설정입니다. 가로줄 확장, 인용문구 확장 사용 시 css를 해야 정상적으로 표현됩니다.