Page tree

Versions Compared

Key

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

Status
title릴리즈 3.0.0 이상

에디터에 컨텐츠가 없는 경우 특정 안내 메세지를 보여 줄 없을 때 보여질 HTML을 설정할 수 있습니다.

에디터에 컨텐츠가 있을 때는 보여지지 않습니다.



사용방법

플러그인 파일 불러오기

Code Block
languagexml
themeEmacs
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->
<script src="placeholder.min.js의 url"></script>


플러그인 설정하기

mathType 설정하기

...

에디터에 컨텐츠가 없을 때 보여질 HTML 설정 

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'placeholder.config': { 
    'html': '<p>Hello Editor!!</p>', // HTML을 문자열 형태로 지정 설정
}
// ...

Image Added



불투명도(opacity) 설정 

Placeholder에 설정된 HTML이 선명하게 또는 흐리게 보일 수 있도록 불투명도를 설정합니다.

0 부터 1 까지의 값을 설정할 수 있습니다. 기본값은 0.3 입니다.

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'placeholder.config': { 
    'opacityhtml': false // default: true. placeholder에 투명도가 적용되게 할지 여부'<p>Hello Editor!!</p>',
    'opacity': 0.3 // placeholder에 설정할 불투명도 (0~1의 값을 설정)
}
// ...


opacity: 0opacity 기본값 (0.3)

Image Added

Image Added

opacity: 0.6opacity: 1

Image Added

Image Added