Page tree

Versions Compared

Key

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

...

  • HTML 파일에 <link>태그를 추가하여 CSS 스타일을 추가할 수 있습니다.
  • 예를 들어, editor.html, index.html 등의 파일에 아래와 같이 적용합니다.
  • 일반 mode: 에디터의 <head>에 synapeditor.min.css 스타일을 적용합니다.
  • Iframe/Iframe mode:  iframe의 <head>에 synapeditor.min.css 스타일을 적용합니다.

editor.html 설정 예시

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

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

<!-- 다이얼로그, 풍선 팝업, 툴팁과 관련된 css의 url -->
<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">
...

...