Status | ||||
---|---|---|---|---|
|
사이냅에디터의 인용문구 기능을 확장하는 플러그인입니다.
사용방법
...
It is a plugin that extends Synap Editor's quotes function.
How to use
Loading plugin files
Code Block | ||||
---|---|---|---|---|
| ||||
<!-- SynapEditor object must 객체가exist 존재해야to 적용할apply 수it, 있기so 때문에it 에디터must 스크립트be 파일included 아래에under includeeditor 해야script 합니다file. --> <script src="quoteExtension.min.js의 url"></script> <link rel="stylesheet" href="quoteExtension.min.css의 url"> |
미리보기에 스타일 URL 설정하기
플러그인의 CSS 가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 보여집니다.
...
Setting style URL in preview
On screens where the plugin's CSS is not set, quotes are displayed in the default style.
In the case of preview, it is composed of iframes, so if you do not set the style URL separately, it is displayed in the default style.
Code Block | ||||
---|---|---|---|---|
| ||||
var synapEditorConfig = { ... /** * Set 미리보기에style 스타일url url을to 추가합니다preview. */ 'editor.preview.style.urls': [ 'quoteExtension.min.css의 url' ] ... }; |
Setting style URL when using editor iframe mode
RELEASE 2.10.0 OR ABOVE
When the editor is used in Iframe mode, it is displayed in the default style unless a separate style URL is set.
For more information on iframe mode, refer to [Installation and Settings> Environment Settings > Basic UI Settings > iframe mode].
Code Block | ||||
---|---|---|---|---|
| ||||
var synapEditorConfig = { ... 'editor.mode.iframe': { 'enable': true, 'style.urls': [..., 'horizontalLineExtension.min.css의 url'], 'script.urls': [] } ... }; |
참고
플러그인의 CSS 가 설정되지 않은 화면에서는 인용문구가 기본 스타일로 보여집니다.
...
Reference
On screens where the plugin's CSS is not set, quotes are displayed in the default style.
Default style :