Page History

...

기존에는 이러한 UI 요소들이 에디터 내의 컨테이너에 위치하여 에디터 내부에서만 이동할 수 있었지만, 이제는 에디터 밖인 외부 컨테이너로 이동하여 에디터 밖으로 외부 컨테이너를 생성했기 때문에 이제는 에디터 외부에서도 자유롭게 움직일 수 있습니다.

이로 인해, 다이얼로그, 풍선 팝업, 툴팁에 관련된 CSS 스타일을 별도로 설정하고, 이를 최상위 head에 적용해야 합니다.

Image Added

...

'editor.external.container.selector' 설정으로 외부 컨테이너가 위치할 Element를 찾는 Selector를 지정합니다.

Info
Selector는 설정하지 Selector를 지정하지 않으면 최상위에 위치하게 됩니다.

Code Block

var synapEditorConfig = {
	...
	/**
     * 외부 컨테이너가 위치할 Element를 찾는 Selector를 설정합니다.
     */
    'editor.external.container.selector': '';
	...
}

...

Versions Compared