릴리즈 2.7.0 이상
사이냅에디터의 인용문구 기능을 확장하는 플러그인입니다.
사용방법
플러그인 파일 불러오기
<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 --> <script src="quoteExtension.min.js의 url"></script> <link rel="stylesheet" href="quoteExtension.min.css의 url">
미리보기에 스타일 URL 설정하기
플러그인의 CSS 가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 보여집니다.
미리보기의 경우 iframe으로 구성되어 있어 스타일 URL을 별도로 설정해주지 않으면 기본 스타일로 보여집니다.
var synapEditorConfig = {
...
/**
* 미리보기에 스타일 url을 추가합니다.
*/
'editor.preview.style.urls': [
'quoteExtension.min.css의 url'
]
...
};
에디터 Iframe mode 사용시 스타일 URL 설정하기
에디터를 Iframe mode로 사용할 경우 스타일 URL을 별도로 설정해주지 않으면 기본 스타일로 보여집니다.
Iframe mode에 대한 자세한 내용은 [설치 및 설정 > 환경설정 > 기본 UI 설정 > Iframe mode] 를 참고해주세요
var synapEditorConfig = {
...
'editor.mode.iframe': {
'enable': true,
'style.urls': [..., 'quoteExtension.min.css의 url'],
'script.urls': []
}
...
};
참고
플러그인의 CSS 가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 보여집니다.
기본 스타일: 