Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

미리보기의 경우 iframe으로 구성되어 있어 스타일 URL을 별도로 설정해주지 않으면 기본 스타일로 보여집니다. 

Code Block
languagejs
themeEmacs
var synapEditorConfig = {
	...
	/**
	 * 미리보기에 스타일 url을 추가합니다.
     */
	'editor.preview.style.urls': [
		'quoteExtension.min.css의 url'
	]
	...
};

에디터 Iframe mode 사용시 스타일 URL 설정하기

Status
title릴리즈 2.10.0이상

에디터를 Iframe mode로 사용할 경우 스타일 URL을 별도로 설정해주지 않으면 기본 스타일로 보여집니다.

Iframe mode에 대한 자세한 내용은 [설치 및 설정 > 환경설정 > 기본 UI 설정 > Iframe mode] 를 참고해주세요

Code Block
languagejs
themeEmacs
var synapEditorConfig = {
	...
	'editor.mode.iframe': {
        'enable': true,
        'style.urls': [..., 'quoteExtension.min.css의 url'],
        'script.urls': []
    }
	...
};


참고

플러그인의 CSS 가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 보여집니다.

...