...
이에 따라, 이 요소들과 관련된 CSS 스타일을 별도로 설정해야 합니다.
...
- 일반 mode
- 에디터는 <div> 태그 내에 위치하며, 에디터의 <head>에 synapeditor.min.css 스타일이 적용됩니다.
- iframe
- 에디터가 <iframe> 안에 위치하며, iframe의 <head>에 synapeditor.min.css 스타일이 적용됩니다.
- iframe mode
- 에디터가 <iframe> 안에 위치하고, 그 내부에 또 다른 <iframe>이 포함됩니다.
CSS 추가 방법
- HTML 파일에 <link>태그를 추가하여 CSS 스타일을 추가할 수 있습니다.
- 예를 들어, editor.html, index.html 등의 파일에 아래와 같이 적용합니다.
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<body> ... <editor></editor> <div id="synapeditorUI"> <div class="se-external-container-wapper"> <div id="editorId_container" class="se se-external-container"></div> <div class="se-balloon-container"></div> <div class="se-dialog-container"></div> <div class="se-tooltip-container"></div> </div> </div> </body> |