Preview mode를 사용하면 사이냅에디터를 편집 상태가 아닌 미리보기 상태로 초기화할 수 있습니다. 작성된 문서의 결과를 바로 확인하거나, 읽기 중심의 화면으로 먼저 제공해야 하는 경우에 사용할 수 있습니다.
Preview mode는 미리보기용 iframe을 이용하여 내용을 표시합니다. 필요에 따라 별도의 스타일 파일을 추가로 적용하여 서비스 화면과 유사한 형태로 미리보기를 구성할 수 있습니다.
설정방법
synapeditor.config.js
'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를 해야 정상적으로 표현됩니다.