인용문구 확장

2.7.0 버전부터 지원합니다.

Synap Editor의 인용문구 기능을 확장하는 플러그인입니다.

사용 방법

플러그인 파일 불러오기

<!-- The SynapEditor object must exist for this to take effect,
     so include after the editor script files. -->
<script src="url of quoteExtension.min.js"></script>
<link rel="stylesheet" href="url of quoteExtension.min.css">

미리보기에서 스타일 URL 설정

플러그인의 CSS가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 표시됩니다.

미리보기는 iframe으로 구성되어 있기 때문에, 스타일 URL이 별도로 설정되지 않으면 기본 스타일로 표시됩니다.

var synapEditorConfig = {
    ...
    /**
     * Adds the style url to the preview.
     */
    'editor.preview.style.urls': [
        'url of quoteExtension.min.css'
    ]
    ...
};

에디터 iframe 모드에서 스타일 URL 설정

2.10.0 버전부터 지원합니다.

에디터를 iframe 모드로 사용할 때 스타일 URL이 별도로 설정되지 않으면 기본 스타일로 표시됩니다.

iframe 모드에 대한 자세한 내용은 설치 및 설정 > 설정 > 기본 UI 설정 > iframe 모드를 참고합니다.

var synapEditorConfig = {
    ...
    'editor.mode.iframe': {
        'enable': true,
        'style.urls': [..., 'url of quoteExtension.min.css'],
        'script.urls': []
    }
    ...
};

참고

플러그인의 CSS가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 표시됩니다.

Default style: