1. floatAboveDialog

다이얼로그, 풍선 팝업, 툴팁 등 UI 요소들이 에디터의 다른 콘텐츠 위에 최상위 레이어로 표시되며, 다른 UI 요소에 가려지지 않게 됩니다.

 __editorPlugins__.html 설정

<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->

<!-- CSS -->
        <link rel="stylesheet" href="tuiImageEditor.min.css의 url">
        <link rel="stylesheet" href="quoteExtension.min.css의 url">
        <link rel="stylesheet" href="horizontalLineExtension.min.css의 url">
        <link rel="stylesheet" href="forbiddenWordDetection.min.css의 url">
        <link rel="stylesheet" href="formEditor.min.css의 url">
        <link rel="stylesheet" href="aiWriteSupporter.min.css의 url">


CSS 및 스크립트 추가 방법

editor.html 설정 예시

<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->

<link rel='stylesheet' href='synapeditor.min.css의 url'>


config 설정

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